videojs 播放 flv 格式

11 篇文章 0 订阅
该文章介绍了如何利用Video.js和flv.js插件在网页中实现FLV文件的播放。通过添加特定的脚本和设置techOrder,可以在支持MediaSourceExtensions的浏览器中播放FLV内容,适用于Video.js5.x和6.x版本。
摘要由CSDN通过智能技术生成

https://mister-ben.github.io/videojs-flvjs/

https://videojs.com/plugins/

https://mister-ben.github.io/videojs-flvjs/

Video.js tech for FLV playback using flv.js

This tech uses flv.js to play FLV files using Media Source Extenstions.

1.00

Play Video

To use, add flv.js and this plugin to the page. If you are using Video.js 5, you will need to set the tech order. From Video.js 6, the default tech order is updated automatically.


<link href="//path/to/video-js.css" rel="stylesheet">
<script src="//path/to/video.min.js"></script>
<script src="//path/to/flv.min.js"></script>
<script src="//path/to/videojs-flvjs.min.js"></script>
<video id="videojs-flvjs-player" class="video-js vjs-default-skin" controls>
  <source src="movie.flv" type='video/x-flv'>
</video>
<script>
  // Setting the techOrder is necessary in 5.x
  // In 6.x techs are added automatically
  videojs('videojs-flvjs-player', {
    // 5.x only:
    // techOrder: ['html5', 'flvjs']
  });
</script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值