<samp id="cs8kc"><wbr id="cs8kc"></wbr></samp><samp id="cs8kc"><wbr id="cs8kc"></wbr></samp>
<tr id="cs8kc"><xmp id="cs8kc"><samp id="cs8kc"><wbr id="cs8kc"></wbr></samp>
<samp id="cs8kc"><wbr id="cs8kc"></wbr></samp>
<rt id="cs8kc"></rt>
<tr id="cs8kc"><xmp id="cs8kc">
<tt id="cs8kc"></tt>
<samp id="cs8kc"><wbr id="cs8kc"></wbr></samp>
技術干貨 > 文章詳情

Web前端丨HTML embed標簽使用方法和屬性詳解

麥子新聞3年前 web前端

一、基本語法

代碼如下:

1
embed src=url

說明:embed可以用來插入各種多媒體,格式可以是 Midi、Wav、AIFF、AU、MP3等等,Netscape及新版的IE 都支持。url為音頻或視頻文件及其路徑,可以是相對路徑或絕對路徑。

示例:

代碼如下:

1
<embed src="your.mid">

二、屬性設置

1、自動播放:

語法:autostart=true、false

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

true:音樂文件在下載完之后自動播放;

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

示例:

代碼如下:

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

2、循環播放:

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

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

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

屬性值為true時,音頻或視頻文件循環;

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

示例:

代碼如下:

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

3、面板顯示:

語法:hidden=ture、no

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

ture:隱藏面板;

no:顯示面板。

示例:

代碼如下:

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

4、開始時間:

語法:starttime=mm:ss(分:秒)

說明:該屬性規定音頻或視頻文件開始播放的時間。未定義則從文件開頭播放。

示例:

代碼如下:

1
<embed src="your.mid" starttime="00:10">

5、音量大小:

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

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

示例:

代碼如下:

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

6、容器屬性:

語法:height=# width=#

說明:取值為正整數或百分數,單位為像素。該屬性規定控制面板的高度和寬度。

height:控制面板的高度;

width:控制面板的寬度。

示例:

代碼如下:

1
<embed src="your.mid" height=200 width=200>

7、容器單位:

語法:units=pixels、en

說明:該屬性指定高和寬的單位為pixels或en。

示例:

代碼如下:

1
2
<embed src="your.mid" units="pixels" height=200 width=200>
<embed src="your.mid" units="en" height=200 width=200>

8、外觀設置:

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

console:一般正常面板;

smallconsole:較小的面板;

playbutton:只顯示播放按鈕;

pausebutton:只顯示暫停按鈕;

stopbutton:只顯示停止按鈕;

volumelever:只顯示音量調節按鈕。

示例:

代碼如下:

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

9、對象名稱:

語法:name=#

說明:#為對象的名稱。該屬性給對象取名,以便其他對象利用。

示例:

代碼如下:

1
<embed src="your.mid" name="video">

10、說明文字:

語法:title=#

說明:#為說明的文字。該屬性規定音頻或視頻文件的說明文字。

示例:

代碼如下:

1
<embed src="your.mid" title="第一首歌">

11、前景色和背景色:

語法:palette=color|color

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

示例:

代碼如下:

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

12、對齊方式:

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

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

center:控制面板居中;

left:控制面板居左;

right:控制面板居右;

top:控制面板的頂部與當前行中的最高對象的頂部對齊;

bottom:控制面板的底部與當前行中的對象的基線對齊;

baseline:控制面板的底部與文本的基線對齊;

texttop:控制面板的頂部與當前行中的最高的文字頂部對齊;

middle:控制面板的中間與當前行的基線對齊;

absmiddle:控制面板的中間與當前文本或對象的中間對齊;

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

示例:

代碼如下:

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


(原文源自:helloweb  鏈接:http://helloweb.wang/qianduankaifa/579.html)

推薦閱讀:web前端丨web前端CSS開發中的10個不要

                 Web前端丨幾個小眾但炫酷的CSS技巧,拿去裝逼

                 Web前端丨在一行代碼里學點JavaScript

推薦學習:Web前端企業直通班帶你玩轉Web前端

——————

版權保護聲明:本文僅代表作者觀點,麥子學院可能會進行刪節修改,但不代表麥子學院的官方立場。我們極其尊重并保護原創作品的版權,若原作者有任何疑問,請聯系微信號:chengxuyuan8。


0

登錄 后參與討論

沒有更多評論了

免費領取價值1888元求職寶典!

客服熱線 400-862-8862

回到頂部

天天撸一撸