HTML循環屬性用於在完成音頻和視頻後一次又一次地重新啟動它。它包含布爾值。
用法:
<element loop>
適用的
- <音頻>
- <視頻>
範例1:下麵的示例說明<audio>元素中loop屬性的用法。
<!DOCTYPE html>
<html>
<head>
<title>
Audio loop Attribute
</title>
</head>
<body style="text-align:center">
<h1 style="color:green">
GeeksforGeeks
</h1>
<h2 style="font-family:Impact">
HTML Audio loop Attribute
</h2>
<br>
<audio id="Test_Audio"
controls loop>
<source src="beep.mp3"
type="audio/mpeg">
</audio>
</body>
</html>
輸出:
範例2:下麵的示例說明<video>元素中loop屬性的用法。
<!DOCTYPE html>
<html>
<head>
<title>
HTML video loop Attribute
</title>
</head>
<body>
<center>
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h3>HTML video loop Attribute</h3>
<video width="400"
height="200"
controls loop>
<source src="Canvas.move_.mp4"
type="video/mp4">
<source src="Canvas.move_.ogg"
type="video/ogg">
</video>
</center>
</body>
</html>
輸出:
支持的瀏覽器:循環屬性支持的瀏覽器如下:
- 穀歌瀏覽器4.0 /4.0
- Internet Explorer 9.0 /9.0
- Firefox 3.5 /11.0
- 蘋果Safari 4.0 /4.0
- Opera 10.5 /10.5
相關用法
- HTML <video> loop屬性用法及代碼示例
- HTML <audio> loop屬性用法及代碼示例
- HTML Marquee loop用法及代碼示例
- HTML Video loop用法及代碼示例
- HTML Audio loop用法及代碼示例
- HTML <html> xmlns屬性用法及代碼示例
- p5.js loop()用法及代碼示例
- p5.js loop()用法及代碼示例
注:本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML | loop Attribute。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。