网页视频播放器代码详解及常见格式介绍
需积分: 10 35 浏览量
更新于2024-09-16
收藏 50KB TXT 举报
网页视频播放器详解深入剖析了在网页上嵌入和播放视频的常见技术,主要关注HTML5的`<object>`元素以及Flash Player(通过`clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6`)的使用。以下是一些关键知识点的详细解读:
1. **HTML5 `<object>`元素**:这是一种用于在网页上插入非HTML内容,如视频,的标签。在提供的代码中,`<object id="player" height="64" width="260">`定义了一个宽度为260像素,高度为64像素的视频播放区域。
2. **参数设置**:
- `AutoStart`: 如果设为 `-1`,则表示视频不会自动播放,用户需要手动点击才能开始。
- `Balance`: 设置音频的平衡,值为0表示左右声道平衡。
- `enabled`: 设为 `-1` 表示是否禁用某些功能,这里可能是防止右键菜单操作。
- `url`: 视频文件的链接,例如 `http://download.xaonline.com/music/huangpy/lover/HPY01.wma`,是播放器加载的视频源。
- `PlayCount`: 视频播放次数,设为1意味着只能播放一次。
- `rate`: 控制视频播放速度,1表示正常速度。
- `currentPosition` 和 `currentMarker`: 分别表示当前播放位置和标记位置,用于记录播放进度。
- `defaultFrame` 和 `invokeURLs`: 分别指定默认帧和是否允许调用URL,这里可能与JavaScript交互有关。
- `baseURL` 和 `stretchToFit`: 基础URL和是否让视频自适应容器大小,前者可能是外部资源的URL,后者设为0表示不拉伸。
- `volume` 和 `mute`: 分别控制音量(范围0-100%)和静音状态,50表示50%音量,0表示静音。
- `uiMode`: 视频模式设置,`mini`、`Full`、`None`分别对应小窗口、全屏和无UI模式。
- `windowlessVideo` 和 `fullscreen`: 分别控制是否为无边框模式和是否启用全屏功能,0表示默认有边框或不允许全屏。
3. **Flash Player支持**:如果浏览器不支持HTML5视频,这段代码可能会调用Adobe Flash Player插件来播放WMA格式的视频。`clsid`指定的是Flash Player的标识符,确保浏览器能够识别并运行它。
4. **兼容性与备选方案**:考虑到HTML5的普及,现代浏览器通常优先支持HTML5视频。但在一些老旧或不支持HTML5的浏览器中,开发者仍需备选方案,如提供Flash Player作为后端支持或者使用polyfill(插件桥接)来确保跨平台播放。
这个代码段展示了如何在网页上嵌入一个可定制的视频播放器,包括设置播放参数和处理不同浏览器的兼容问题。随着HTML5的推广,越来越多的开发者倾向于使用更现代、跨平台的技术来实现视频播放,但Flash Player在某些场景下仍有其存在的价值。
2014-06-27 上传
2022-11-21 上传
2022-04-19 上传
2024-10-28 上传
2023-10-09 上传
2024-10-27 上传
2023-09-01 上传
2024-10-27 上传
2024-10-29 上传