网页嵌入FLV播放器代码实现
2星 需积分: 10 89 浏览量
更新于2024-09-15
收藏 80KB DOC 举报
“网页中播放FLV文件的代码”
在网页中播放FLV(Flash Video)文件,是早些年常用的技术,主要用于在线视频播放。FLV格式是Adobe Flash支持的一种流媒体格式,它能被嵌入到HTML页面中,通过Flash Player插件进行播放。以下是一种使用JavaScript和Flash Object来实现FLV文件播放的方法。
方法一:JavaScript嵌入
这种方法利用JavaScript动态创建HTML对象元素,将Flash Player与FLV文件连接起来。首先,你需要定义一些变量,例如播放器的宽度(swf_width)、高度(swf_height)、视频标题(texts)以及FLV文件的URL(files)。例如:
```javascript
var swf_width = 240;
var swf_height = 240;
var texts = '幸福的脚丫预告片';
var files = 'http://www.ruochi.com/product/vcastr/flv/happy_feet.flv';
```
接下来,使用JavaScript动态生成`<object>`和`<embed>`标签,这些标签用于在浏览器中插入Flash Player,并传递参数。以下是生成HTML代码的JavaScript代码段:
```javascript
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="' + swf_width + '" height="' + swf_height + '">');
document.write('<param name="movie" value="http://www.ruochi.com/product/vcastr2/vcastr22.swf"><param name="quality" value="high">');
document.write('<param name="menu" value="false"><param name="allowFullScreen" value="true"/>');
document.write('<param name="FlashVars" value="vcastr_file=' + files + '&vcastr_title=' + texts + '">');
document.write('<embed src="http://www.ruochi.com/product/vcastr2/vcastr22.swf" allowFullScreen="true" FlashVars="vcastr_file=' + files + '&vcastr_title=' + texts + '" menu="false" />');
```
在这个例子中,`<object>`标签用于创建Flash Player对象,`classid`和`codebase`属性指定了Flash Player的类ID和下载地址。`<param>`标签用来设置Flash Player的参数,如播放质量、是否显示菜单、是否允许全屏等。`FlashVars`参数则用于传递自定义数据,比如视频文件路径和标题。`<embed>`标签是为了兼容不支持`<object>`标签的老版本浏览器,它的属性与`<object>`标签中的参数相匹配。
需要注意的是,随着HTML5的发展,现代浏览器更多地使用HTML5的 `<video>` 标签来播放视频,而不再依赖Flash Player。因此,虽然上述方法在早期Web开发中常见,但现在可能已经过时,不适用于所有用户。为了提供更好的跨平台和设备兼容性,建议使用HTML5的 `<video>` 标签,结合MP4、WebM和Ogg等现代浏览器支持的视频格式。例如:
```html
<video width="240" height="240" controls>
<source src="happy_feet.mp4" type="video/mp4">
<source src="happy_feet.webm" type="video/webm">
<source src="happy_feet.ogv" type="video/ogg">
Your browser does not support the video tag.
</video>
```
这种方式可以确保视频在没有Flash Player的环境下也能正常播放。然而,如果你必须支持旧的浏览器或者特定的项目需求,上述JavaScript嵌入Flash Player的方法仍然可以作为参考。
2017-10-26 上传
2023-09-07 上传
2023-07-07 上传
2023-08-29 上传
2023-07-01 上传
2023-05-24 上传
2023-08-18 上传
2023-08-22 上传
2024-08-17 上传
坚定2018
- 粉丝: 8
- 资源: 150
最新资源
- WebLogic集群配置与管理实战指南
- AIX5.3上安装Weblogic 9.2详细步骤
- 面向对象编程模拟试题详解与解析
- Flex+FMS2.0中文教程:开发流媒体应用的实践指南
- PID调节深入解析:从入门到精通
- 数字水印技术:保护版权的新防线
- 8位数码管显示24小时制数字电子钟程序设计
- Mhdd免费版详细使用教程:硬盘检测与坏道屏蔽
- 操作系统期末复习指南:进程、线程与系统调用详解
- Cognos8性能优化指南:软件参数与报表设计调优
- Cognos8开发入门:从Transformer到ReportStudio
- Cisco 6509交换机配置全面指南
- C#入门:XML基础教程与实例解析
- Matlab振动分析详解:从单自由度到6自由度模型
- Eclipse JDT中的ASTParser详解与核心类介绍
- Java程序员必备资源网站大全