Autoplay von HTML5-Videos in der Fancybox
Arbeite ich an einem Projekt, das mit Fancybox anzeigen, einzelne HTML5-Videos, sowie HTML5-video-Galerien.
Für die einzelnen videos, ich bin auf der Suche nach autoplay-das video, sobald Sie geöffnet wird, in Fancybox, und schließen Sie dann Fancybox, wenn das video vollständig abgespielt.
Für die videos in der Galerie, ich möchte autoplay-das video, wenn es geöffnet wird, in Fancybox, Voraus auf die nächste Galerie-Element, wenn das video fertig abgespielt wurde, und unterbrechen Sie das aktuelle video /automatische Wiedergabe das nächste/Vorherige video, wenn der Benutzer navigiert durch die Galerie.
Habe ich einen codepen hier: http://codepen.io/ericjacksonwood/pen/kXKkaq/ beinhaltet, dass ein paar meiner versuche arbeiten mit Fancybox ' s "nachlast" - Funktion:
//Attempt 01
$(".fancybox-video").find('video').play();
//Attempt 02
$(".fancybox-video").find('video').attr('autoplay','autoplay');
//Attempt 03
var vid = document.getElementsByClassName("fancybox-video");
function playVid() {
vid.play();
}
Jede mögliche Hilfe würde geschätzt! Danke.
- - - - - - - - - Edit - - - - - - - - -
Den codepen wurde aktualisiert und ist korrekt arbeitet.
- haben Sie die Antwort?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Können Sie html5-Medien Methoden und Veranstaltungen für, die.
Benutzte ich die
spielen
Methode, um das video zu starten, sobald die Diashow animation ist fertig, und dieended
callback aufrufen, diefancybox.next()
- Funktion, nachdem das video beendet.Hier ist eine funktionierende version, die Sie prüfen können:
JS:
CSS:
HTML: