video stoppen in eigen film

Status
Niet open voor verdere reacties.

baukjen

Gebruiker
Lid geworden
14 sep 2006
Berichten
275
Wie kan mij helpen om een YT filmje op mijn site te plaatsen (WordPress) dat wanneer het filmpje afgelopen is alles stopt in de eigen video?
M.a.w. niets meer gebeurd nadat deze YT is gestopt.

Zoeken op het net geeft wel een mogelijkheid om de suggesties van YT uit te zetten maar er komt dan alsnog een screen van YT met overzicht.
Het gaat om dit filmpje;
https://www.youtube.com/watch?v=YUxGtAtMGuQ&feature=youtu.be

Alvast bedankt,
hr.gr. Baukjen

NB ik heb de mogelijkheid van wat ik bedoel, het stoppen, een keer gezien bij deze site;
https://netspecialist.nl/html-en-css/523-driehoeken-maken-met-css
Is met Joomla gedaan.
 
Kan je de niet in de HTML code zien hoe hun dat doen?
 
Omdat YouTube in een iframe wordt afgespeeld heb je geen invloed. Daarmee bedoel ik nu niet meer. Vroeger kon je bepaalde parameters in de url meegeven en een trucje uithalen zodat je iets dergelijks toch kon doen maar dat werkt niet meer. Wat je wel kan doen is met een "YouTube Downloader" de video downloaden en als MP4 bestand op je eigen website zetten. Dan kan je de video afspelen in een <video> tag.

Off topic: een responsive <iframe> voor pc, tablet en smartphone.
Code:
HTML:

<iframe src="//www.youtube.com/embed/YUxGtAtMGuQ" width="560" height="315" allowfullscreen="allowfullscreen"></iframe>

<script>
// dit script ergens onder het 'jquery.min.js' script
jQuery(document).ready(function($) {
  $("iframe").each(function(i) {
    var $this = $(this);
    var src   = $this.attr("src");
    var ratio = parseFloat($this.attr("height")) / parseFloat($this.attr("width"));
    var clss  = "";
    if ((src.indexOf("youtube.") != -1) || (src.indexOf("youtu.be") != -1)) {
      if (ratio <= 0.49) {
        clss = "embed-21by9";
      } else if ((ratio > 0.49) && (ratio < 0.64)) {
        clss = "embed-16by9";
      } else if (ratio >= 0.64) {
        clss = "embed-4by3";
      }
      $this.wrap('<span class="' + clss + '"></span>');
    }
  });
});
</script>

CSS:

iframe, video {
    width: 100%;
    border: 0;
}
.embed-21by9, .embed-16by9, .embed-4by3 {
    position: relative;
    display: block;
    height: 0;
    margin-bottom: 15px;
    padding: 0;
    overflow: hidden;
}
.embed-21by9 {
    padding-bottom: 42.85%;
}
.embed-16by9 {
    padding-bottom: 56.25%;
}
.embed-4by3 {
    padding-bottom: 75%;
}
.embed-21by9 iframe, .embed-16by9 iframe, .embed-4by3 iframe,
.embed-21by9 video,  .embed-16by9 video,  .embed-4by3 video {
    position: absolute;
    top: 0; bottom: 0; left: 0;
    height: 100%;
}
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan