使用swfobject插件播放flv视频

最新推荐文章于 2026-03-28 03:38:58 发布

原创最新推荐文章于 2026-03-28 03:38:58 发布 · 1.7k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

js 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何使用swfobject插件播放flv视频，包括静态和动态插入方法。然而，注意到在Firefox浏览器下视频无法正常加载。提供了解决这一问题的相关文件下载链接。

先引入swfobject.js 文件

方法1：静态插入

<script type="text/javascript">
    swfobject.registerObject("video1", "9.0.124", "expressInstall.swf");
</script> 
<object id="video1"classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"width="700"height="400">
    <param name="movie"value="flvplayer.swf?file=ani1.flv"/> 
    <param name="allowfullscreen"value="true"/>
    <param name="wmode"value="transparent"/> 
    <param name="allowscriptaccess"value="always"/> 
    <!--[if !IE]>--> 
        <object type="application/x-shockwave-flash"data="flvplayer.swf?file=ani1.flv"width="700"height="400">
    <!--<![endif]-->
    <div>
         <h1>Alternative content</h1> 
        <p><a href="http://www.adobe.com/go/getflashplayer">
               <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif"alt="Get Adobe Flash player"/>
           </a>
        </p> 
    </div>
    <!--[if !IE]>--> 
        </object>
    <!--<![endif]--> 
</object>

方法2：动态插入

<div id="video">
    <p>文件加载失败</p>
</div>
<script type="text/javascript">
    var flashvars = { 'file': 'ani1.flv', 'image': 'preview.jpg', 'id': 'playerID', 'autostart': 'true', 'enablejs': 'true' };
    var params = { 'allowfullscreen': 'true', 'allowscriptaccess': 'always', 'bgcolor': '#000000' };
    var attributes = { 'align': 'top', 'name': 'playerID', 'id': 'playerID' };
    swfobject.embedSWF('flvplayer.swf', 'video', '660', '480', '9.0.124', 'expressInstall.swf', flashvars, params, attributes);
</script>

问题：发现在FireFox浏览器下面，视频是不能正确加载的。

相关文件点此下载