propriété html5 qui définit ou renvoie si l'audio/vidéo doit être relu à la fin de la boucle-Tutoriel H5-php.cn

propriété html5 qui définit ou renvoie si l'audio/vidéo doit être relu à la fin de la boucle

黄舟

Libérer： 2017-11-09 09:38:50

original

3785 Les gens l'ont consulté

Exemple

Définir la vidéo en boucle :

myVid=document.getElementById("video1");
myVid.loop=true;

Copier après la connexion

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

Copier après la connexion

Attribut de boucle de retour :

audio|video.loop

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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!