flv文件播放（web播放flv）

flv文件播放（web播放flv）

一、播放flv格式需要 flv.js

我这里用的npm安装，如果也可以找网址直接下载：

npm install --save flv.js

打包：

npm install

npm install -g gulp

gulp release

然后在 \node_modules\flv.js\dist 里面找到flv.min.js

二、直径贴示例代码

<script src="flv.min.js"></script>

<video id="videoElement" controls="controls"></video>

<script>

if (flvjs.isSupported()) {

var videoElement = document.getElementById('videoElement');

var flvPlayer = flvjs.createPlayer({

type: 'flv',

url: 'http://你的流媒体服务应用/a.flv'

});

flvPlayer.attachMediaElement(videoElement);

flvPlayer.load();

flvPlayer.play();

player = flvPlayer;

}

</script>

三、可见使用的H5的video标签，具有如下原生功能

1.）创建

<video src="movie.ogg" controls="controls">您的浏览器不支持 video 标签。</video>

2.）以下列出原生video常用的一些属性

属性 值 描述

onplay script 当媒介已就绪可以开始播放时运行的脚本。

onpause script 当媒介被用户或程序暂停时运行的脚本。

ondurationchange script 当媒介长度改变时运行的脚本。

时运 播放 媒介 脚本 属性