Je cherche à activer la boucle de la vidéo HTML5 dans les navigateurs qui ne prennent pas en charge la balise de boucle (FF) avec JavaScript. Est-ce que quelqu'un connaît la faisabilité d'accéder à la fin de la lecture vidéo et de revenir à la lecture à zéro?
3 Réponses :
Vous pouvez détecter si la propriété code> code> est prise en charge et définissez-la sur pour les navigateurs qui ne le supportent pas, vous pouvez simplement lier le true code>. terminé code> événement multimédia et démarrez-le: P> var myVideo = document.getElementById('videoId');
if (typeof myVideo.loop == 'boolean') { // loop supported
myVideo.loop = true;
} else { // loop property not supported
myVideo.addEventListener('ended', function () {
this.currentTime = 0;
this.play();
}, false);
}
//...
myVideo.play();
<div>Iteration: <span id="iteration"></span></div>
<video id="video-background" autoplay="" muted="" controls>
<source src="https://res.sdfdsf.mp4" type="video/mp4">
</video>
var iterations = 1;
document.getElementById('iteration').innerText = iterations;
var myVideo = document.getElementById('video-background');
myVideo.addEventListener('ended', function () {
alert('end');
if (iterations < 2) {
this.currentTime = 0;
this.play();
iterations ++;
document.getElementById('iteration').innerText = iterations;
}
}, false);
// Please note that loop attribute should not be there in video element in order for the 'ended' event to work in ie and firefox
Vous pouvez simplement boucler la vidéo sur ou désactiver la vidéo via Ceci loop = "false" pour arrêter la lecture de répétition vidéo automatique. Loop = " vrai " activera la boucle de lecteur vidéo.