FLV视频播放器flvplayer.swf使用教程
5 浏览量
更新于2024-08-30
收藏 116KB PDF 举报
“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 仍然是一个实用的解决方案。
2017-11-15 上传
2019-09-04 上传
2018-06-07 上传
300 浏览量
561 浏览量
125 浏览量
weixin_38514620
- 粉丝: 3
- 资源: 925
最新资源
- 新代数控API接口实现CNC数据采集技术解析
- Java版Window任务管理器的设计与实现
- 响应式网页模板及前端源码合集:HTML、CSS、JS与H5
- 可爱贪吃蛇动画特效的Canvas实现教程
- 微信小程序婚礼邀请函教程
- SOCR UCLA WebGis修改:整合世界银行数据
- BUPT计网课程设计:实现具有中继转发功能的DNS服务器
- C# Winform记事本工具开发教程与功能介绍
- 移动端自适应H5网页模板与前端源码包
- Logadm日志管理工具:创建与删除日志条目的详细指南
- 双日记微信小程序开源项目-百度地图集成
- ThreeJS天空盒素材集锦 35+ 优质效果
- 百度地图Java源码深度解析:GoogleDapper中文翻译与应用
- Linux系统调查工具:BashScripts脚本集合
- Kubernetes v1.20 完整二进制安装指南与脚本
- 百度地图开发java源码-KSYMediaPlayerKit_Android库更新与使用说明