如何在HTML中播放flash

时间：2023-03-08 22:38:08

随着html的风靡，改变了之前前端的许多条条框框，而video的出现使flash仿佛都要退出历史的舞台了，但是h5也会出现以下局限性，比如说，在一些不支持h5的浏览器上，此处省略一万只*..........

之前做的一直是向后兼容的东西，h5之前的东西很少接触。特别是flash，因为h5真的很好的解决很多麻烦，以前那么多代码，h5一句话解决，今天老大给的需求是在页面中播放flash，当然用的是flv格式的视频。刚开始我用的是h5的video

但是我们还需要考虑到不支持H5的情况，遂放弃，用flash，网上查了许多方法，试了许多许多，最后整理了两个比较有用的方法

方法1.使用video.js插件进行播放

插件下载地址：http://www.jq22.com/jquery-info404

网站里面介绍的很详细，但是下载下来之后缺少了个重要的东西，是video-js.swf，找了很多，大部分要钱的，但是还是让我找到个免费的，

http://www.daimabiji.com/index.php?m=content&c=down&a_k=8d9ai5IAS7D6q2Y84JMAKX2le6txg519LwbYgBxBT2SY0cHJRbLW98HHwSRnP5OVVYchf8Eo5gGRVgtijyiwJjCU6n6pac-p7-2Hl9AbCNi0zFu1UARPcz1CWgJOOFyKyf_dWW58Gzu_2xBG9z-W0MD7kQKVy5wwJsLJ-BZa5IfeXZEXeA9k

拿去不谢，但是会有局限性，那就是在火狐上显示不出来，好，看万能的方法2吧

方法2：flvplayer.swf播放器

播放器的免费下载地址http://www.13910.com/t/KjuRWb（程序员之间最重要的不是分享吗，看网上一堆堆要钱的东西真是不爽）

在你的body中插入这段代码

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="305" height="205">

    <param name="movie" value="Flvplayer.swf" />

    <param name="quality" value="high" />

    <param name="allowFullScreen" value="true" />

    <param name="FlashVars" value="vcastr_file=movies/11.flv&LogoText=test&BufferTime=3" />

    <embed src="Flvplayer.swf" allowfullscreen="true" flashvars="vcastr_file=movies/11.flv&LogoText=test" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="505" height="405"></embed>

</object>

　　

可以看出这是使用swflash.cab一种ActiveX控件实现的播放效果，其实就是这个：Adobe Shockwave Player 12.0.2.122。

vcastr_file=movies/11.flv是你的视频路径。

<param name="movie" value="Flvplayer.swf" />  这个value的值表示播放器名称，注意路径的设置。

这里是目录结构

如何在HTML中播放flash

这是我的代码

 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="800" height="370">

                        <param name="movie" value="video/flvplayer.swf" />

                        <param name="quality" value="high" />

                        <param name="allowFullScreen" value="true" />

                        <param name="FlashVars" value="vcastr_file=youhenkaoshi-zimu.flv" />

                        <embed src="video/flvplayer.swf" allowfullscreen="true" flashvars="vcastr_file=youhenkaoshi-zimu.flv" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="370"></embed>

                    </object>

　　看准自己的路径改好就行，完美的在IE，火狐和谷歌上运行

相关文章