代码拉取完成,页面将自动刷新
利用 javascript MediaSource 将 HTML video标签的src转成加载blob
init()
方法(移动端自动播放没有意义)<script src="./js/postbird-mp4-to-blob.js"></script>
PS: 样式可以不写,src 也可以不赋值
<video id="video" webkit-playsinline="true" controls playsinline="true" type="video/mp4" x5-video-player-type="h5" ></video>
var url = './video/v0-new.mp4'; // url
var mimeCodec = 'video/mp4; codecs="avc1.640028, mp4a.40.2"'; // 编码格式
PostbirdMp4ToBlob.init('#video',url,mimeCodec); // 调用 #video 是选择器 id
PostbirdMp4ToBlob.init()
总共四个参数:
selector
: 选择器id或class或tagname (内部使用 querySelector 进行选择)url
:需要加载的 MP4 视频地址mimeCodec
:加载视频的编码格式autoPlay
: 是否自动播放 true | false 使用中,如果视频无法播放,并且发现如下错误:
Failed to execute 'endOfStream' on 'MediaSource': The MediaSource's readyState is not 'open'.
请参考链接:http://www.ptbird.cn/mediadource-readyState-is-not-open.html
如果要获取视频的 Codecs 信息,请参考链接:http://www.ptbird.cn/mediadource-readyState-is-not-open.html
一般来说直接使用 video/mp4; codecs="avc1.640028, mp4a.40.2"
对 mp4 的视频是没有任何问题的。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。