html5播放flv

太过爱你忘了你带给我的痛 2022-11-19 13:57 565阅读 0赞

html5的video标记,可以播放多种视频,什么mp4啦,mov啦,但不包括flv。flv与flash有关系,没前途,快完蛋了。但好像这个又跟直播啥的有关联(是一种直播协议),而且之前有一些视频文件是flv格式的,难道就傲娇的索性不支持了吗?

那么html5中,如何播放flv文件?不要想着用flash来播放,霸主chrome已经不支持了。

先说结论,可以播放,用bilili的开源项目flvjs就可以播放,不需要任何插件;但只能部分播放,不是所有的flv文件都能播放,只有H.264编码的才能播,什么vp6f格式不行。原来,flv视频文件,本身也有多种格式啊。

vp6是很老旧的编码了,H.264新一些。有关视频编码的知识,可以看这里:
视频编码简史:H.263/H.264/H.265和MPEG2/MPEG4以及VP9,H264优点

具体的H5播放代码如下:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  5. <script src="flv.min.js"></script>
  6. <style> body,center{ padding:0; margin:0; } .v-container{ width:640px; height:360px; border:solid 1px red; } video{ width:100%; height:100%; } </style>
  7. </head>
  8. <body>
  9. <div class="v-container">
  10. <video id="player1" muted autoplay="autoplay" preload="auto" controls="controls">
  11. </video>
  12. </div>
  13. </body>
  14. </html>
  15. <script> if (flvjs.isSupported()) { var videoElement = document.getElementById('player1'); var flvPlayer = flvjs.createPlayer({ type: 'flv', url: 'http://fed.dev.hzmantu.com/oa-project/bce0c613e364122715270faef1874251.flv' }); flvPlayer.attachMediaElement(videoElement); flvPlayer.load(); //flvPlayer.play(); } </script>

至于部分不支持的flv,我实在找不到什么办法,只能是转换成其他格式。转换的话,不用下载什么转换器(要么收费,要么像病毒一样,给你装一大堆垃圾),用ffmpeg就好。

将 001.flv 转成 001.mp4。

  1. ffmpeg -i f:\temp\temp\001.flv f:\temp\temp\001.mp4

ffmpeg真好用,还可以看视频文件的编码等信息:

  1. ffmpeg -i f:\temp\temp\002.flv

在这里插入图片描述
在这里插入图片描述

发表评论

表情:
评论列表 (有 0 条评论,565人围观)

还没有评论,来说两句吧...

相关阅读

    相关 windows 2003无法播放flv

    1.在2003服务器上,找开IIS管理器。   2.展开本地服务器名称,右击选择属性,在Internet信息服务标签上,点击最下方的计算机MIME映射下面的编辑