html5中embed標簽的loop屬性如何使用

html5中embed標簽的loop屬性如何使用？這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家帶來的參考內容，讓我們一起來看看吧！

我們先了解HTML5 embed標簽的loop屬性的用法：

比如這樣：

<embed src="your.mid" autostart=true loop=100>

循環播放，循環100次就跟無限循環差不多了這就是無限循環的方式

語法：loop=正整數、true、false

說明：該屬性規定音頻或視頻文件是否循環及循環次數。

• 屬性值為正整數值時，音頻或視頻文件的循環次數與正整數值相同；

• 屬性值為true時，音頻或視頻文件循環；

• 屬性值為false時，音頻或視頻文件不循環。

示例：

<embed src="your.mid" autostart=true loop=2>
<embed src="your.mid" autostart=true loop=true>
<embed src="your.mid" autostart=true loop=false>

html5 embed標簽的其它六個屬性的使用介紹：

1.自動播放：

語法：autostart=true、false

說明：該屬性規定音頻或視頻文件是否在下載完之后就自動播放。

• true：音樂文件在下載完之后自動播放；

• false：音樂文件在下載完之后不自動播放。

示例：代碼如下:

<embed src="your.mid" autostart=true>
<embed src="your.mid" autostart=false>

2.面板顯示：

語法：hidden=ture、no

說明：該屬性規定控制面板是否顯示，默認值為no。

• ture：隱藏面板；

• no：顯示面板。

示例：代碼如下:

<embed src="your.mid" hidden=ture>
<embed src="your.mid" hidden=no>

3.音量大小：

語法：volume=0-100之間的整數

說明：該屬性規定音頻或視頻文件的音量大小。未定義則使用系統本身的設定。

示例：代碼如下:

<embed src="your.mid" volume="10">

4.外觀設置：

語法：controls=console、smallconsole、playbutton、pausebutton、stopbutton、volumelever 說明：該屬性規定控制面板的外觀。默認值是console。

• console：一般正常面板；

• smallconsole：較小的面板；

• playbutton：只顯示播放按鈕；

• pausebutton：只顯示暫停按鈕；

• stopbutton：只顯示停止按鈕；

• volumelever：只顯示音量調節按鈕。

示例：代碼如下:

<embed src="your.mid" controls=smallconsole>
<embed src="your.mid" controls=volumelever>

5.前景色和背景色：

語法：palette=color|color

說明：該屬性表示嵌入的音頻或視頻文件的前景色和背景色，第一個值為前景色，第二個值為背景色，中間用 | 隔開。color可以是RGB色（RRGGBB）也可以是顏色名，還可以是transparent （透明）。

示例：代碼如下:

<embed src="your.mid" palette="red|black">

6.對齊方式：

語法：align=top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom

說明：該屬性規定控制面板和當前行中的對象的對齊方式。

• center：控制面板居中；

• left：控制面板居左；

• right：控制面板居右；

• top：控制面板的頂部與當前行中的最高對象的頂部對齊；

• bottom：控制面板的底部與當前行中的對象的基線對齊；

• baseline：控制面板的底部與文本的基線對齊；

• texttop：控制面板的頂部與當前行中的最高的文字頂部對齊；

• middle：控制面板的中間與當前行的基線對齊；

• absmiddle：控制面板的中間與當前文本或對象的中間對齊；

• absbottom：控制面板的底部與文字的底部對齊。

示例：代碼如下:

<embed src="your.mid" align=top>
<embed src="your.mid" align=center>

感謝各位的閱讀！看完上述內容，你們對html5中embed標簽的loop屬性如何使用大概了解了嗎？希望文章內容對大家有所幫助。如果想了解更多相關文章內容，歡迎關注億速云行業資訊頻道。