网页嵌入FLV播放器代码实现

2星 需积分: 10 4 下载量 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的方法仍然可以作为参考。