HTML5-Eigenschaft, die festlegt oder zurückgibt, ob das Audio/Video am Ende der Schleife erneut abgespielt werden soll-H5-Tutorial-php.cn

HTML5-Eigenschaft, die festlegt oder zurückgibt, ob das Audio/Video am Ende der Schleife erneut abgespielt werden soll

黄舟

Freigeben： 2017-11-09 09:38:50

Original

3713 Leute haben es durchsucht

Beispiel

Stellen Sie das Video auf Schleife ein:

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

Nach dem Login kopieren

Definition und Verwendung

Schleife AttributeLegt das Audio fest oder gibt es zurück / Ob das Video am Ende noch einmal abgespielt werden soll.

Browser-Unterstützung

Alle gängigen Browser unterstützen das Schleifenattribut.

Hinweis: Dieses Attribut wird in Internet Explorer 8 oder früheren Browsern nicht unterstützt.

Syntax

Schleifenattribut festlegen:

audio|video.loop=true|false

Nach dem Login kopieren

Schleifenattribut zurückgeben:

audio|video.loop

Nach dem Login kopieren

Attributwert

值	描述
true	指示音频/视频应该在结束时再次播放。
false	默认。指示音频/视频不应该在结束时再次播放。

Rückgabewert

类型	描述
布尔值	true\|false。默认值是 false。

Instanz

Video auf Schleife einstellen:

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

Nach dem Login kopieren

Da die HTML-Seite in die APP geladen werden muss, wurde die native WebVIEW ersetzt mit CrossWalk Es wurde festgestellt, dass dies auch dann der Fall ist, wenn das Loop-Attribut auf einer Testmaschine festgelegt ist. Das Video (andorid4.2.2-Gerät) wird nicht in einer Schleife abgespielt.

Am Ende wird das Schleifenattribut nicht mehr verwendet und js wird für die Schleifenwiedergabe verwendet , also habe ich es einfach direkt codiert

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

Nach dem Login kopieren

Wenn webView HTML lädt, sind Attribute wie die Autopaly-Schleife möglicherweise nicht verfügbar. Sie können stattdessen die Verwendung des leistungsstärkeren CrossWalk in Betracht ziehen, aber dadurch erhöht sich die Größe des Pakets .

Verwenden Sie auch HTML5, um Videos für die Loop-Wiedergabe zu laden, wodurch beim direkten Abspielen eines Videos ein kurzer schwarzer Bildschirm vermieden werden kann. . .

Das obige ist der detaillierte Inhalt vonHTML5-Eigenschaft, die festlegt oder zurückgibt, ob das Audio/Video am Ende der Schleife erneut abgespielt werden soll. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!