實例
將影片設定為循環播放:
myVid=document.getElementById("video1"); myVid.loop=true;
定義與用法
loop 屬性設定或傳回音訊/影片是否應該在結束時再次播放。
瀏覽器支援
所有主流瀏覽器都支援 loop 屬性。
註解:Internet Explorer 8 或更早的瀏覽器不支援此屬性。
語法
設定loop 屬性:
audio|video.loop=true|false
傳回loop 屬性:
audio|video.loop
屬性值
值 | 描述 |
true | 指示音訊/視訊應該在結束時再次播放。 |
false | 預設。指示音訊/視訊不應該在結束時再次播放。 |
傳回值
#類型 | 描述 |
布林值
true|false。預設值是 false。
實例將影片設定為循環播放:###<!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>
<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('ended', function() { video.currentTime=0.1; video.play(); }, false); video.play(); </script> </body>
以上是html5設定或返回音訊/視訊是否應該在結束時再次播放的屬性loop的詳細內容。更多資訊請關注PHP中文網其他相關文章!