传统flv网页视频(flvplayer)--兼容

时间:2022-05-16 23:09:32

1.flv网页视频

项目中需要web打开视频,百度搜了好几个插件,本来是打算用H5 vedio,但是客户的浏览器用的比较老,如果用H5标签的话,IE9以下的浏览器是不支持的。所以费劲又去找了其他插件。。试图去兼容浏览器!!

flv和swf视频格式的区别

首先第一条区别是,FLV是流媒体,而SWF不是流媒体,所谓流媒体,简而言是就是可以在网络上边缓冲边播放的媒体文件。虽然两者都可以由Flash来创建,但是前者只属于一般的VIDEO,通常只是让观众进行观看的。而后者可以置入AS程序代码,可以与用户进行互动,比如Flash小游戏,就是SWF格式的,用户可以控制游戏里事先设定的可控制按钮。这一点FLV是办不到的。FLV多用于网络视频,SWF多用于网页装饰,SWF也可以用于互动程序和动画的展示。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>flvplayer视频播放</title>
</head>
<body>
<script type="text/javascript" src="swfobject.js"></script> <div class="demo">
<p id="player1"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</p>
<script type="text/javascript">
var s1 = new SWFObject("flvplayer.swf","single","300","170","7");
s1.addParam("allowfullscreen","true");
s1.addVariable("file","video.flv");
s1.addVariable("image","preview.jpg");
s1.addVariable("width","300");
s1.addVariable("height","170");
s1.write("player1");
</script>
</div>
</body>
</html>