recherche

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:503756parcourir

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(&#39;ended&#39;, 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!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：html5 renvoie l'attribut d'erreur d'un objet MediaErrorArticle suivant：html5 renvoie l'attribut d'erreur d'un objet MediaError

Articles Liés

Voir plus