用JS控制flvplayer.swf播放视频

原创 2013年12月06日 00:49:14

在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显示方式 
        } 


相关文章推荐

flvplayer.swf flv视频播放器使用方法

一、直接在html文件中加载: 二、使用javascript动态加载: function Pl...

html嵌入播放器,flv视频播放器 Flvplayer.swf 可自动播放参数说明

Flvplayer.swf 代码引用方法:  Flvplayer.swf 参数详细说明: vcastr_file 方法2传递影片flv文件地址参数,多个使用|分开 空 vc...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

Linux下监听80端口

写Node.js程序,发现无法监听80端口,经过搜索,发现Linux下,监听
  • kiddii
  • kiddii
  • 2017年02月13日 17:35
  • 901

linux中使用CST时间

针对中国时区,修改操作如下 1.   修改文件 /etc/sysconfig/clock内容: ZONE=Asia/Shanghai UTC=false ARC=false ...

用flvplayer.swf在网页中播放视频(网页中flash视频播放的实现)

由于公司项目的需求,需要在展示一些信息的时候能够播放视频,拿到这个要求,我就从最简单的媒体播放标签开始,虽然这个标签确实可以播放事情,但是只能部分浏览器支持,个人感到很郁闷,要是所有浏览器都统一的话,...

html嵌入播放器,flv视频播放器 Flvplayer.swf 可自动播放参数说明

Flvplayer.swf 代码引用方法:  Flvplayer.swf 参数详细说明: vc...

asp.net后台播放Flv视频Flvplayer.swf

  • 2010年05月07日 11:03
  • 62KB
  • 下载

flvplayer.swf flv视频播放器使用方法

今天由于网页上要加入一个视频文件,就研究了一下flv视频播放器flvplayer.swf 一、直接在html文件中加载: 复制代码 代码如下: ...
  • ben1247
  • ben1247
  • 2011年05月05日 14:35
  • 2155

flvplayer.swf flv视频播放器使用方法 (转载)

一、直接在html文件中加载: [html] view plaincopy div id="FlashFile">   object type="application/x-shockwa...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用JS控制flvplayer.swf播放视频
举报原因:
原因补充:

(最多只允许输入30个字)