天天看點

Html 視訊 object ,embed,video

object 為html4 和html5共有的,embed,video 為html5新加的标簽,

object和embed支援幾乎所有的格式視訊,但object隻有ie浏覽器支援,其他浏覽器大都支援embed

是以把embed嵌入object實作多浏覽器相容。

video隻支援三種格式的視訊。ogg,mpeg4,,,

是以大多數視訊播放都采用object内嵌embed

/**  

*視訊播放  

*參數說明  

u - 媒體url  

w - 媒體寬度width  

h - 媒體高度height  

*/  

//播放mediaplayer格式的視訊,包括.avi .mpg .mpeg .wmv .wma .asf .mid .mp3等  

function pv_m(u, w, h){  

var pv='';  

pv += '<object width="'+w+'" height="'+h+'" id="iask_v" classid="clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#version=6,4,5,715" standby="loading microsoft windows media player components..."

type="application/x-oleobject">';  

pv += '<param name="filename" value="'+u+'">';  

pv += '<param name="autostart" value="1">';  

pv += '<param name="autosize" value="1">';  

pv += '<param name="showcontrols" value="1">';  

pv += '<param name="showpositioncontrols" value="0">';  

pv += '<param name="showaudiocontrols" value="1">';  

pv += '<param name="showtracker" value="1">';  

pv += '<param name="showdisplay" value="0">';  

pv += '<param name="showstatusbar" value="1">';  

pv += '<param name="showgotobar" value="0">';  

pv += '<param name="showcaptioning" value="0">';  

pv += '<param name="playcount" value="1">';  

pv += '<param name="animationatstart" value="0">';  

pv += '<param name="transparentatstart" value="0">';  

pv += '<param name="allowscan" value="0">';  

pv += '<param name="enablecontextmenu" value="0">';  

pv += '<param name="clicktoplay" value="0">';  

pv += '<param name="invokeurls" value="1">';  

pv += '<param name="defaultframe" value="">';  

pv += '<embed src="'+u+'" width="'+w+'" height="'+h+'" type="application/x-mplayer2" pluginspage="http://www.microsoft.com/isapi/redir.dll?prd=windows&;sbp=mediaplayer&ar=media&sba=plugin&" name="mediaplayer" showcontrols="1" showpositioncontrols="0" showaudiocontrols="1"

showtracker="1" showdisplay="0" showstatusbar="1" autosize="0" showgotobar="0" showcaptioning="0" autostart="1" autorewind="0" animationatstart="0" transparentatstart="0" allowscan="1" enablecontextmenu="1" clicktoplay="0" invokeurls="1" defaultframe=""></embed>';

pv += '</object>';  

document.write(pv);  

}  

//播放realplay格式的視訊,包括.rm .ram .rmvb等  

function pv_r(u, w, h){  

pv += '<object width="'+w+'" height="'+h+'" id="iask_v" classid="clsid:cfcdaa03-8be4-11cf-b84b-0020afbbccfa">';  

pv += '<param name="src" value="'+u+'">';  

pv += '<param name="controls" value="imagewindow,statusbar,controlpanel">';  

pv += '<param name="_extentx" value="18415">';  

pv += '<param name="_extenty" value="9102">';  

pv += '<param name="shuffle" value="0">';  

pv += '<param name="prefetch" value="0">';  

pv += '<param name="nolabels" value="0">';  

pv += '<param name="console" value="clip1">';  

pv += '<param name="loop" value="0">';  

pv += '<param name="numloop" value="0">';  

pv += '<param name="center" value="0">';  

pv += '<param name="maintainaspect" value="0">';  

pv += '<param name="backgroundcolor" value="#000000">';  

pv += '<embed src="'+u+'" width="'+w+'" height="'+h+'" type="audio/x-pn-realaudio-plugin" console="clip1" controls="imagewindow,statusbar,controlpanel" autostart="true">';  

//播放quicktime格式的視訊,包括.mov .amr .3gp等  

function pv_q(u, w, h){  

pv += '<object width="'+w+'" height="'+h+'" classid="clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b" codebase="http://www.apple.com/qtactivex/qtplugin.cab">';  

pv += '<param name="controller" value="true">';  

pv += '<param name="type" value="video/quicktime">';  

pv += '<param name="autoplay" value="true">';  

pv += '<param name="target" value="myself">';  

pv += '<param name="bgcolor" value="black">';  

pv += '<param name="pluginspage" value="http://www.apple.com/quicktime/download/index.html">';  

pv += '<embed src="'+u+'" width="'+w+'" height="'+h+'" controller="true" align="middle" bgcolor="black" target="myself" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/index.html"></embed>';  

繼續閱讀