suchen

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

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

黄舟
黄舟Original
2017-11-09 09:38:503755Durchsuche

Beispiel

Stellen Sie das Video auf Schleife ein: 

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

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

Schleifenattribut zurückgeben: 

audio|video.loop

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>

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>

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!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：html5 gibt das Fehlerattribut eines MediaError-Objekts zurückNächster Artikel：html5 gibt das Fehlerattribut eines MediaError-Objekts zurück

In Verbindung stehende Artikel

Mehr sehen