用JS控制flvplayer.swf播放视频

最新推荐文章于 2025-09-14 09:36:35 发布

原创最新推荐文章于 2025-09-14 09:36:35 发布 · 5.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#flvplayer.swf #JS #用户选择

软件开发专栏收录该内容

141 篇文章

订阅专栏

本文介绍如何使用JavaScript动态生成HTML代码来控制FLV格式视频的播放。通过设置一个空白DIV作为播放区域，并编写JS函数根据用户选择的视频文件动态生成播放代码。

在HTML页面中的flvplayer.swf只能播放某一视频，如下

----------------------------------------------------

------------------------------------------------------------------

如何用JS控制，使其能播放用户选择的视频文件

1、在页面中设置一空白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显示方式
}