html中嵌入播放flash視訊
阿新 • • 發佈:2019-01-04
html中嵌入flash視訊,SWFObject嵌入的方式網上已經氾濫,這裡只介紹一種方式,使用object嵌入的方式。個人使用後很好用,也很簡單。
先上一個檔案截圖
再上程式碼
<div id="flash" style=""> <object type="application/x-shockwave-flash" data="images/swf/vcastr3.swf" width="100%" height="100%" id="vcastr3"> <param name="movie" value="vcastr3.swf"> <param name="allowFullScreen" value="true"> <param name="FlashVars" value="xml=images/swf/vcastr.xml"> </object> </div>
這裡看到的三個檔案中,vcastr3.swf其實是一個容器,真正的顯示檔案是show.flv,其中vcastr.xml是配置FlashVars的值,xml檔案如下:
<?xml version="1.0" encoding="utf-8" ?> <vcastr> <channel> <item> <source>./show.flv</source> <duration></duration> <title>your video</title> </item> </channel> <config> <bufferTime>4</bufferTime> <contralPanelAlpha>0.55</contralPanelAlpha> <controlPanelBgColor>0xEDB307</controlPanelBgColor> <controlPanelBtnColor>0xffffff</controlPanelBtnColor> <contralPanelBtnGlowColro>0xffff00</contralPanelBtnGlowColro> <controlPanelMode>normal</controlPanelMode> <defautVolume>0.7</defautVolume> <isAutoPlay>true</isAutoPlay> <isLoadBegin>true</isLoadBegin> <isShowAbout>false</isShowAbout> <scaleMode>showAll</scaleMode> <isRepeat>true</isRepeat> </config> <plugIns> </plugIns> </vcastr>
很明顯,其中配置的source值就是原始檔show.flv,其他的都是根據字面意思即可理解。
就是這麼簡單。