传统flv网页视频(flvplayer)--兼容
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>