FLV视频播放器flvplayer.swf使用教程

“flvplayer.swf 是一种用于在网页上播放FLV格式视频的播放器。本文将介绍如何使用HTML和JavaScript两种方式将其集成到网页中。” 在网页中嵌入视频已经成为一种常见的做法，FLVplayer.swf 是一款常用的 Flash 视频播放器，专门用于播放 FLV 格式的视频文件。FLV 格式因其小巧且适应性广的特点，被广泛应用于网页视频的传输。以下是如何使用 flvplayer.swf 的详细步骤： 一、HTML 直接加载 在 HTML 文件中，你可以通过 `<object>` 和 `<param>` 标签直接插入 flvplayer.swf 播放器，并指定要播放的视频文件。例如： ```html <div id="FlashFile"> <object type="application/x-shockwave-flash" width="470px" height="403px" data="flvplayer.swf?file=movies/company.flv"> <param name="movie" value="flvplayer.swf?file=movies/company.flv&showfsbutton=true&autostart=true"/> <param name="wmode" value="transparent"/> <param name="quality" value="high"/> <param name="allowfullscreen" value="true"/> </object> </div> ``` 这里的参数说明如下： - `data` 属性指定了播放器的路径以及要播放的视频文件，如 `flvplayer.swf?file=movies/company.flv`。 - `<param>` 标签用于传递额外的参数，如 `movie` 参数设置了播放器的地址及视频文件，`showfsbutton` 控制是否显示全屏按钮，`autostart` 控制视频是否自动播放。 二、JavaScript 动态加载 如果你需要更灵活地控制视频播放，可以使用 JavaScript 来动态加载 flvplayer.swf。下面是一个简单的示例： ```javascript function PlayFlv(filename) { var videoName = filename; // 视频文件名 var folder = "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='470px' height='403px'>"; result += "data='images/flvplayer.swf?file=" + folder + "/" + filename + "'></object>"; // 这里添加更多其他需要的参数，比如质量、全屏等 div.innerHTML = result; } ``` 这个函数 `PlayFlv()` 接收视频文件名作为参数，然后动态生成 HTML 代码插入到指定的 `div` 元素中。这种方法可以方便地在页面运行时根据需要加载不同的视频。 需要注意的是，随着 HTML5 的普及，Flash 技术逐渐被淘汰，现代浏览器对 Flash 支持逐渐减少。为了确保广泛的兼容性和更好的用户体验，现在更推荐使用 HTML5 的 `<video>` 标签或利用如 Video.js、 Plyr 等现代视频播放器库来播放视频。不过，对于那些仍然需要支持 Flash 的场景，flvplayer.swf 仍然是一个实用的解决方案。