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

3713 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!

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

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