html中怎样嵌入flv格式文件

html中怎样嵌入flv格式文件

复制代码 代码如下:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" height="120" width="190">

<param name="movie"

value="/player/vcastr22.swf?vcastr_file=http://img./upload/3/2007/12/20071225195508397.flv">

<embed

src="/player/vcastr22.swf?vcastr_file=http://img./upload/3/2007/12/20071225195508397.flv"

quality="high"

pluginspage="http://www.macromedia.com/go/getflashplayer"

type="application/x-shockwave-flash" width="320" height="240">

代码意思就不用我说了吗？Windth宽，height高，“视频地址”换成你自己的`视频地址。

vcastr22.swf是播放flv文件的播放器。下载地址 http://xiazai./201004/other/vcastr22.rar

这里推荐使用 极酷Flvplayer网页播放器(flv播放器) 非常不错，大家可以下载后看演示。

最近因为项目需要播放flv格式视频文件，但我使用是html5的vedio标签进行播放，它支持3种视频格式：mp4，WebM，Oog，是不支持的flv格式，无奈，好在网上不少大神佳作。解决我困境。

在vue项目中安装flv.js文件

npm i flv.js --save

将flv.js文件导入相关组件中。

创建video元素标签来播放视频内容。

flvjs.isSupported()是否支持，若支持。则 flvjs.createPlayer创建flv播放器对象，加载到video元素中进行播放即可

参考文档

https://www.bysb.net/2943.html

https://blog.csdn.net/weixin_45316326/article/details/99053910

html不能直接引入flv格式的视频，只能通过引入一个.swf的播放器来播放flv格式的视频

<object class id="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="300" height="240">

<param name="movie" value="flvplayer.swf">

<param name="quality" value="high">

<param name="allowFullScreen" value="true">

<param name="FlashVars" value="vcastr_file=images/1234.flv">

<embed src="flvplayer.swf" allowfullscreen="true" flashvars="vcastr_file=images/1234.flv" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="240"></embed>

</object>1234567

1.flvplayer.swf换成你的swf路径文件

2.添加属性flashvars=”vcastr_file=images/1234.flv”，其中“images/1234.flv”便是flv的路径。

3.allowFullScreen: 是否允许全屏显示，true是，false否。其他参数咱不做详解了。。。

4.loop： true循环播放

5.如要插入.swf格式视频，去掉flashvars属性，吧flvplayer.swf换成你要播放的.swf文件路径就可以了

6.这方法是使用 object 和 embe标签来嵌入。细心的会发现object 的很多参数和 embed里面的很多属性是重复的。为什么这样做？为了浏览器兼容性，有的浏览器支持 object，有的支持 embed，这也是为什么要修改Flash的参数时两个地方都要改的原因。 这种方法是 Macromedia 一直以来的官方方法最大限度的保证了 Flash 的功能没有兼容性问题。

---