html5播放flv

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播放代码如下：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="flv.min.js"></script>
<style>
body,center{padding:0;
margin:0;
}.v-container{width:640px;height:360px;border:solid 1px red;}video{width:100%;height:100%;}
</style>
</head>
<body><div class="v-container"><video id="player1" muted autoplay="autoplay" preload="auto" controls="controls"></video></div>
</body>
</html>
<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。

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

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

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

html5播放flv相关推荐

通过Vue+flvjs在HTML5中播放flv格式视频文件—demo及api
目前主流浏览器不能直接嵌入并且播放FLV文件,所以直接用video标签播放是行不通的. 因此提供两种解析方法嵌入一个swf媒体播放文件,并利用该文件来播放你预设的文件. 这里推荐dplayer--h ...
rtsp,rtp,gb28181直接转化为html5播放(二)
承接上一节 udp服务器接流转html5播放效果先看效果: 服务器拉rtsp流,直接转成flv,不经过推流,浏览器使用ws直接连接写得我们写得服务器播放,因为websocket本身是跨域得,可以直 ...
安卓uc斗鱼html5,斗鱼HTML5播放器
// ==UserScript== // @description 基于 flv.js 的斗鱼HTML5播放器. // @icon https://ojiju7xvu.qnssl.com/d5hp/i ...
html5播放mp4视频代码
1.nginx支持flv和mp4格式播放默认yum安装nginx centos7安装nginx时候应该是默认安装nginx_mod_h264_streaming模块的 # nginx -V查看是否安 ...
网页html5播放器,一个强大的开源HTML5视频播放器，字节出品
哈喽,大家好!现在短视频.直播十分的火,相信许多开发童鞋都遇到要在项目中加入视频组件的情况吧. 一般视频播放或者直播的前端组件都要有诸如弹幕.清晰度调整.倍数播放等功能,今天精选板给大家带来的就是这样 ...
html5播放器易语言,html5播放器playease.js最新版
[实例简介] playease.js: 一款html5播放器,支持flv.mp4.rtmp.dash.hls,以及html5原生支持的格式webm.mpeg-4系列.ogg等,兼容IE8+.该播放器可 ...
斗鱼html5插件百度云,斗鱼HTML5播放器 0.8.10
斗鱼HTML5播放器 0.8.10插件图文教程斗鱼HTML5播放器 (hbocinidadgpnbcamhjgfbgiebhpnmfj):替换斗鱼TV的 Flash 播放器, 并支持弹幕, 送礼等功 ...
在vue和html中播放.flv格式的视频
借助一个html标签object,来嵌入一个swf媒体播放文件,并利用该文件来播放你预设的文件.下载链接利用B站开源的flv.js 通过将FLV文件流转换为ISO BMFF(Fragmented M ...
在HTML中嵌入并播放FLV媒体文件
在HTML中嵌入并播放FLV媒体文件 December 8th 2012 评论(2) 这个说起来比较复杂,并且在以后的html5规范中也将摒弃(个人认为), 但面对目前国内的主流浏览器,如果你想要在网 ...
html5播放器的标签与用法(mp4视频编码问题)
html5播放器范例先来个范例吧,html5的播放器代码,就是这么简单: <video width="320" height="240" control ...

html5播放flv

html5播放flv相关推荐

最新文章

热门文章