網頁上嵌入Flash播放器(1)

      最近做的項目裏涉及到了Flash播放器的使用,網頁上需要播放視頻,不同的視頻資源需要不同的播放器,根據使用的穩定性、嵌入的複雜程度以及性能的優劣總結了兩種嵌入方式(不同的播放器),支持的視頻資源也略有不同,其中第一種方式比較簡單,支持的視頻格式要少一些(支持flv,mp4,mov,f4v,3gp等視頻格式),下面是官網上的一張截圖介紹:


(官網:http://www.cuplayer.com/Cu/CuPlayerMiniV4/)

頁面嵌入代碼:

<script type="text/javascript" src="<%=request.getContextPath()%>/js/player/images/swfobject.js"></script>
<div class="video" id="CuPlayer">
</div>
<script type="text/javascript">
var so = new SWFObject("<%=request.getContextPath()%>/js/player/CuPlayerMiniV4.swf","CuPlayerV4","600","410","9","#000000");
	so.addParam("allowfullscreen","true");
	so.addParam("allowscriptaccess","always");
	so.addParam("wmode","opaque");
	so.addParam("quality","high");
	so.addParam("salign","lt");
	so.addVariable("CuPlayerSetFile","<%=request.getContextPath()%>/js/player/CuPlayerSetFile.xml");
	so.addVariable("CuPlayerFile","videoURL(視頻播放地址)"); //視頻資源路徑,可以動態賦值
	so.addVariable("CuPlayerImage","<%=request.getContextPath()%>/js/player/images/start.jpg");//視頻略縮圖,本圖片文件必須正確
	so.addVariable("CuPlayerWidth","600"); //視頻寬度
	so.addVariable("CuPlayerHeight","410"); //視頻高度
	so.addVariable("CuPlayerAutoPlay","yes"); //是否自動播放
	so.write("CuPlayer");
</script>
備註:這只是頁面的嵌入代碼,他還需要一些資源文件,我將需要的所有資源文件作爲demo放在文件夾裏打包上傳到空間裏了。

下載地址:http://download.csdn.net/detail/smszhuang168/7689213


下一篇繼續介紹另一種播放器的嵌入使用。。。

http://blog.csdn.net/huangaigang6688/article/details/38240235

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章