1. 程式人生 > >利用<object>和<embed>實現視頻播放

利用<object>和<embed>實現視頻播放

nbsp 是否 eba 名稱 height con com album min

直接使用<object>或<embed>都可以實現視頻播放,那麽兩者的區別是什麽?

1、是為了兼容不同瀏覽器,IE只支持對Object的解析;火狐,谷歌,Safari只支持對Embed的解析。
2、object標簽用clsid表示控件的唯一id,而embed標簽用type表示插件的唯一名稱。比如flash插件type為:application/x-shockwave-flash,mp3播放插件type為audio/mpeg。
3、為了兼容多個瀏覽器,可以通過ie瀏覽器動態加載Object標簽,非ie瀏覽器動態加載embed標簽;或者在object標簽裏面嵌入embed標簽

使用 object 和 embed 標簽來嵌入,細心的會發現,object 的很多參數和 embed 裏面的很多屬性是重復的,為什麽這樣做?為了瀏覽器兼容性,有的瀏覽器支持 object,有的支持 embed,這也是為什麽要修改 Flash 的參數時兩個地方都要改的原因。這種方法是 Macromedia 一直以來的官方方法,最大限度的保證了 Flash 的功能,沒有兼容性問題。
現階段用 JS 嵌入 Flash 是最完美的方法,有人寫了很完善的嵌入腳本可以方面地下載使用(推薦 SWFObject),SWFObject.js下載地址https://github.com/swfobject/swfobject

objec參數說明
param name標簽是在這個播放插件中嵌入的一些功能和播放參數,比如(你可以抄下來):
<param name="playcount" value="1"><!--控制重復次數: “x”為幾重復播放幾次; x=0,無限循環。-->
<param name="autostart" value="0"><!--控制播放方式: x=1,打開網頁自動播放; x=0,按播放鍵播放。-->
<param name="clicktoplay" value="1"><!--控制播放開關: x=1,可鼠標點擊控制播放或暫停狀態; x=0,禁用此功能。-->
<param name="displaysize" value="0"><!--控制播放畫面: x=0,原始大小; x=1,一半大小; x=2,2倍大小。-->
<param name="enablefullscreen controls" value="1"><!--控制切換全屏: x=1,允許切換為全屏; x=0,禁用此功能。-->
<param name="showaudio controls" value="1"><!--控制音量: x=1,允許調節音量; x=0,禁止音量調節。-->
<param name="enablecontext menu" value="1"><!--控制快捷菜單: x=1,允許使用右鍵菜單; x=0,禁用右鍵菜單。-->
<param name="showdisplay" value="1"><!--控制版權信息: x=1,顯示電影及作者信息;x=0,不顯示相關信息-->
<param NAME="AutoStart" VALUE="-1"><!--是否自動播放-->
<param NAME="Balance" VALUE="0"><!--調整左右聲道平衡,同上面舊播放器代碼-->
<param name="enabled" value="-1"><!--播放器是否可人為控制-->
<param NAME="EnableContextMenu" VALUE="-1"><!--是否啟用上下文菜單-->
<param NAME="url" VALUE="http://1.wma"> <!--播放的文件地址--><param NAME="PlayCount" VALUE="1"><!--播放次數控制,為整數-->
<param name="rate" value="1"><!--播放速率控制,1為正常,允許小數,1.0-2.0-->
<param name="currentPosition" value="0"><!--控件設置:當前位置-->
<param name="currentMarker" value="0"><!--控件設置:當前標記-->
<param name="defaultFrame" value=""><!--顯示默認框架-->
<param name="invokeURLs" value="0"><!--腳本命令設置:是否調用URL-->
<param name="baseURL" value=""><!--腳本命令設置:被調用的URL-->
<param name="stretchToFit" value="0"><!--是否按比例伸展-->
<param name="volume" value="50"><!--默認聲音大小0%-100%,50則為50%-->
<param name="mute" value="0"><!--是否靜音--
<param name="uiMode" value="mini"><!--播放器顯示模式:Full顯示全部;mini最簡化;None不顯示播放控制,只顯示視頻窗口;invisible全部不顯示--><param name="windowlessVideo" value="0"><!--如果是0可以允許全屏,否則只能在窗口中查看-->
<param name="fullScreen" value="0"><!--開始播放是否自動全屏-->
<param name="enableErrorDialogs" value="-1"><!--是否啟用錯誤提示報告-->
<param name="SAMIStyle" value><!--SAMI樣式-->
<param name="SAMIFilename" value><!--字幕ID-->

實例代碼

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="700" height="400"> <param name="movie" value="http://player.video.qiyi.com/da0dd3d0918603a517a270b9ffe4b2d9/0/0/w_19rtosavsh.swf-albumId=8231726109-tvId=8231726109-isPurchase=0-cnId=24" /> <param name="quality" value="high" /> <param name="allowFullScreen" value="true" /> <param name="FlashVars" value="vcastr_file=12.flv&LogoText=description&BufferTime=3&IsAutoPlay=1"> <embed src="http://player.video.qiyi.com/da0dd3d0918603a517a270b9ffe4b2d9/0/0/w_19rtosavsh.swf-albumId=8231726109-tvId=8231726109-isPurchase=0-cnId=24" allowfullscreen="true" flashvars="vcastr_file=12.flv&IsAutoPlay=1&LogoUrl=images/logo.jpg" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="700" height="400"></embed> </object>

  

效果如圖

技術分享

利用<object>和<embed>實現視頻播放