用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在网页中播放视频(网页中flash视频播放的实现)

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

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

一、直接在html文件中加载: 二、使用javascript动态加载: function Pl...
  • china_skag
  • china_skag
  • 2012年04月03日 18:44
  • 13901

JW FLV PLAYER 在线FLV播放器中文使用说明

  • 2011年03月22日 11:22
  • 9.77MB
  • 下载

利用vedio播放视频和原生js对其进行控制

直接上代码: Document #durationbar{ width: 500px; height: 20px; } #durationbar progress{ ...
  • m0_37568521
  • m0_37568521
  • 2017年07月01日 21:59
  • 1107

arduino与processing交互--电位器控制视频播放

功能:通过arduino读取电位器的值,控制七彩灯带,并把指令传给processing,由processing控制播放具体视频 注意点:arduino print传输的是字符形式,比如说数据是'1...
  • u013045749
  • u013045749
  • 2017年01月20日 21:21
  • 792

HTML5 FLV Player

https://github.com/Bilibili/flv.js#features HTML5 FLV Player  35...
  • mengzhengjie
  • mengzhengjie
  • 2017年07月20日 16:14
  • 674

html文件中flash视频格式(flv、swf)文件的嵌入方法

flash视频格式有两种扩展名可以使用:.flv和.swf,在html页面中嵌入flash可以使用下面的方法 flash文件的格式:.FLV 和 .SWF  flash视频格式有两种扩展名...
  • slqgenius
  • slqgenius
  • 2017年01月01日 20:21
  • 731

js控制html5 【video】标签中视频的播放和停止

http://www.reader8.cn/jiaocheng/20130619/1350009.html
  • GuangRong1
  • GuangRong1
  • 2018年01月23日 16:00
  • 100

Flvplayer.swf 代码引用方法:

Flvplayer.swf 代码引用方法:  Flvplayer.swf 参数详细说明: vcastr_file 方法2传递影片flv文件地址参数,多个使用|分开 空 ...
  • Joyhen
  • Joyhen
  • 2014年04月05日 23:17
  • 11599

使用flv播放器 Vcastr 网页视频播放器代码中的参数说明

使用方法:方法一、js嵌入直接copy下面代码,修改其中红色部分,即:swf_width、swf_height、texts、files 参数var swf_width=240var swf_heigh...
  • willonboy
  • willonboy
  • 2009年08月08日 13:02
  • 27378
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用JS控制flvplayer.swf播放视频
举报原因:
原因补充:

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