Maison > Article > interface Web > propriété html5 qui définit ou renvoie si l'audio/vidéo doit être relu à la fin de la boucle
propriété html5 qui définit ou renvoie si l'audio/vidéo doit être relu à la fin de la boucle
- 黄舟original
- 2017-11-09 09:38:503707parcourir
Exemple
Définir la vidéo en boucle :
myVid=document.getElementById("video1");
myVid.loop=true;Définition et utilisation
boucle AttributsDéfinit ou renvoie l'audio / Indique si la vidéo doit être relue à la fin.
Prise en charge des navigateurs
Tous les principaux navigateurs prennent en charge l'attribut loop.
Remarque : cet attribut n'est pas pris en charge dans Internet Explorer 8 ou les navigateurs antérieurs.
Syntaxe
Définir l'attribut de boucle :
audio|video.loop=true|false
Attribut de boucle de retour :
audio|video.loop
Valeur d'attribut
| 值 | 描述 |
| true | 指示音频/视频应该在结束时再次播放。 |
| false | 默认。指示音频/视频不应该在结束时再次播放。 |
Valeur de retour
| 类型 | 描述 |
| 布尔值 | true|false。默认值是 false。 |
Instance
Définir la vidéo en boucle :
<!DOCTYPE html>
<html>
<body>
<p>
<button onclick="enableLoop()" type="button">启用循环</button>
<button onclick="disableLoop()" type="button">禁用循环</button>
<button onclick="checkLoop()" type="button">检查循环的状态</button>
</p>
<video id="video1" controls="controls">
<source src="/kf51/demo/mov_bbb.mp4" type="video/mp4">
<source src="/kf51/demo/mov_bbb.ogg" type="video/ogg">
您的浏览器不支持 video 标签。
</video>
<script>
var myVid = document.getElementById("video1");
function enableLoop() {
myVid.loop = true;
myVid.load();
}
function disableLoop() {
myVid.loop = false;
myVid.load();
}
function checkLoop() {
alert(myVid.loop);
}
</script>
</body>
</html>Comme la page HTML doit être chargée dans l'application, la WebVIew native a été remplacée avec CrossWalk Il a été constaté que même si l'attribut Loop est défini sur une machine de test. La vidéo (appareil andorid4.2.2) ne sera pas lue en boucle
Enfin, l'attribut loop n'est plus utilisé et js est utilisé pour gérer la lecture en boucle. Je ne connais pas grand-chose au HTML5, donc. Je viens de le coder directement
<video autoplay="autoplay" id = "video" playsinline webkit-playsinline>
<source type="video/mp4" src="path" />
<preference name="AllowInlineMediaPlayback" value="true" />
</video>
<script>
var video = document.getElementById("video");
video.loop = false;
video.addEventListener('ended', function() {
video.currentTime=0.1; video.play(); }, false);
video.play();
</script>
</body>Lorsque webView charge du HTML, des attributs tels que la boucle automatique peuvent ne pas être disponibles. Vous pouvez envisager d'utiliser le CrossWalk plus puissant à la place, mais cela augmentera la taille du package. 🎜>
Utilisez également HTML5 pour charger des vidéos pour la lecture en boucle, ce qui peut être évité. Un bref écran noir se produit pendant le processus de commutation lors de la lecture directe d'une vidéo. . .Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!