javascript
用JS控制flvplayer.swf播放视频
在HTML頁面中的flvplayer.swf只能播放某一視頻，如下
----------------------------------------------------
<html>
<body>
<object type="application/x-shockwave-flash" width="400" height="220"?
? ? ? ?wmode="transparent data="flvplayer.swf?file=a.flv">
? ? ? ?<param name="movie" value="flvplayer.swf?file=a.flv" />
? ? ? ?<param name="wmode" value="transparent" />
</object>
</body>
<html>
------------------------------------------------------------------
如何用JS控制，使其能播放用戶選擇的視頻文件
1、在頁面中設置一空白DIV作為視頻播放區域
?<div id="flvPlayDiv"></div><!--視頻播放的div區域 -->?
2、編寫JS視頻播放函數，該函數是動態生成HMTL播放代碼嵌入DIV
function PlayFlv(filename) {
? ? ? ? ? ? var videoname = filename; //視頻文件名?
? ? ? ? ? ? var floder = "video"; //存放Flash視頻的文件夾,注意是相對flvplayer.swf文件的位置（images/flvplayer.swf）?
? ? ? ? ? ? var div = document.getElementById("flvPlayDiv");
? ? ? ? ? ? div.innerHTML = "<img src='images/wait.gif' alt=''>"; //增加等待圖片已增加用戶體驗;?
? ? ? ? ? ? div.style.display = "none";
? ? ? ? ? ? var result = "<table align='center'><tr><td align='center'><object type='application/x-shockwave-flash' width='640px' height='480px' ";
? ? ? ? ? ? result += "data='flvplayer.swf?file=" + floder + "/" + filename + "'>";
? ? ? ? ? ? result += "<param name='movie' value='images/flvplayer.swf?file=" + floder + "/" + filename + "&showfsbutton=true&autostart=true' />";
? ? ? ? ? ? result += "<param name='wmode' value='transparent' />";
? ? ? ? ? ? result += "<param name='quality' value='high' />";
? ? ? ? ? ? result += "<param name='allowfullscreen' value='true' />";
? ? ? ? ? ? result += "<param name='autostart' value='true' />";
? ? ? ? ? ? result += "</object></td></tr></table> ";
? ? ? ? ? ? div.innerHTML = result;
? ? ? ? ? ? div.style.display = "inline"; //div顯示方式?
? ? ? ? }?
總結
以上是生活随笔為你收集整理的用JS控制flvplayer.swf播放视频的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 【IOS】模仿抽屉新热榜动态启动页YFS
- 下一篇： javascript最常用的技巧