在HTML網頁插入影片串流-線上播放wmv,avi,mpg

在HTML網頁插入影片串流-線上播放wmv,avi,mpg

http://blog.oos.tw/?p=175

 

最近很流行網路影片串流, 在網頁或blog插入影片與人分享是很簡單的事, 一般影片串流服務的公司大部份以FLV, 其語法均以embed語法達成, 當然插入音樂也是可以的. 以下以Windows Media Player為例, 只要是您是用IE瀏覽器都已內建了, 如果您是用其他的瀏覽器如FireFox等, 就得安裝Windows Media Player播放器外掛插件.

語法如下:

1	<embed src="影片檔名或路徑">

控制屬性如下:
1.尺寸

1	<embed src="影片檔名或路徑" width="寬度" height="高度">

如果沒有加入尺寸語法, 影片播放時, 均以影片原始大小播放.
　
2.自動播放autostart

1 2 3

<embed src="影片檔名或路徑" autostart="0"> 或 <embed src="影片檔名或路徑" autostart="false">

值1或true為自動播放~
　
3.循環播放loop

1	<embed src="影片檔名或路徑" loop="true">

預設為不循環~
　
4.播放音量volume

1	<embed src="影片檔名或路徑" volume="0">

值0為100%音量,預設為50%
　
5.隱藏音量控制ShowAudioControls

1	<embed src="影片檔名或路徑" ShowAudioControls="false">

加入此語法屬性,整個音量控制會全隱藏, 如果不設預設為顯示
　
6.隱藏播放進度bar: ShowTracker

1	<embed src="影片檔名或路徑" ShowTracker="false">

　
7.隱藏上下首按鈕ShowPositionControls

1	<embed src="影片檔名或路徑" ShowPositionControls="false">

　
8.顯示狀態資訊ShowStatusBar

1	<embed src="影片檔名或路徑" ShowStatusBar="true">

預設為不顯示
　
9.顯示播放清單資訊ShowPositionControls

1	<embed src="影片檔名或路徑" ShowDisplay="true">

預設為不顯示
　
10.隱藏面板hidden

1	<embed src="影片檔名或路徑" hidden="true">

相當有趣, 此屬性可以把整個播放器隱藏起來, 但不會停止播放, 除非你設了不自動播放, 有點像是背景音樂, 功能與背景音樂語法bgsound雷同, 但embed比bgsound多了串流的功能, 就依您需要來撰寫.
　
11.鎖滑鼠右鍵EnableContextMenu

1	<embed src="影片檔名或路徑" EnableContextMenu="false">

　
12.指定播放控制類型type

1	<embed src="影片檔名或路徑" type="播放控制類型">

基本上如果沒設定, 大部份會以Windows Media Player來播放.
媒體副檔名對應類型如下:

副檔名	播放類型
wma	application/x-mplayer2
wmv	application/x-mplayer2
wav	audio/x-wav
asf	video/x-ms-asf
rm	audio/x-pn-realaudio
ra	audio/x-pn-realaudio
ram	audio/x-pn-realaudio
avi	video/x-msvideo
mov	video/quicktime
mpg	video/mpeg
mpeg	video/mpeg
mp3	audio/mpeg
mid	audio/mid

=======================================================

embed基本语法

 

embed
　　（一）、基本语法：
　　embed src=url
　　说明：embed可以用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU、MP3等等，
      Netscape及新版的IE 都支持。url为音频或视频文件及其路径，可以是相对路径或绝对路径。
　　示例：<embed src="your.mid">

　　（二）、属性设置：
　　1、自动播放：
　　语法：autostart=true、false
　　说明：该属性规定音频或视频文件是否在下载完之后就自动播放。
　　true：音乐文件在下载完之后自动播放；
　　false：音乐文件在下载完之后不自动播放。
　　示例：<embed src="your.mid" autostart=true>
　　<embed src="your.mid" autostart=false>

　　2、循环播放：
　　语法：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>

　　3、面板显示：
　　语法：hidden=ture、no
　　说明：该属性规定控制面板是否显示，默认值为no。
　　ture：隐藏面板；
　　no：显示面板。
　　示例：<embed src="your.mid" hidden=ture>
　　<embed src="your.mid" hidden=no>

　　4、开始时间：
　　语法：starttime=mm:ss（分：秒）
　　说明：该属性规定音频或视频文件开始播放的时间。未定义则从文件开头播放。
　　示例：<embed src="your.mid" starttime="00:10">

　　5、音量大小：
　　语法：volume=0-100之间的整数
　　说明：该属性规定音频或视频文件的音量大小。未定义则使用系统本身的设定。
　　示例：<embed src="your.mid" volume="10">

　　6、容器属性：
　　语法：height=# width=#
　　说明：取值为正整数或百分数，单位为像素。该属性规定控制面板的高度和宽度。
　　height：控制面板的高度；
　　width：控制面板的宽度。
　　示例：<embed src="your.mid" height=200 width=200>

　　7、容器单位：
　　语法：units=pixels、en
　　说明：该属性指定高和宽的单位为pixels或en。
　　示例：<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：只显示音量调节按钮。
　　示例：<embed src="your.mid" controls=smallconsole>
　　　　　<embed src="your.mid" controls=volumelever>

　　9、对象名称：
　　语法：name=#
　　说明：#为对象的名称。该属性给对象取名，以便其他对象利用。
　　示例：<embed src="your.mid" name="sound1">

　　10、说明文字：
　　语法：title=#
　　说明：#为说明的文字。该属性规定音频或视频文件的说明文字。
　　示例：<embed src="your.mid" title="第一首歌">

　　11、前景色和背景色：
　　语法：palette=color|color
　　说明：该属性表示嵌入的音频或视频文件的前景色和背景色，第一个值为前景色，第二个值为背景
      色，中间用 | 隔开。color可以是RGB色（RRGGBB）也可以是颜色名，还可以是transparent
     （透明）。 示例：<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：控制面板的底部与文字的底部对齐。
　　示例：<embed src="your.mid" align=top>
　　　　　<embed src="your.mid" align=center>