处理html5中video标识没法播发mp4难题的方法

日期:2021-01-19 类型:科技新闻 

关键词:如何制作微信小程序,微信小程序源码,小程序码生成,凡科网微信小程序,微信公众号小程序

序言

近期发现了1个难题,在手机上录制了1个1.mp4文档,流行访问器都能一切正常播发。但应用文件格式加工厂将rmvb文档转码为2.mp4却不可以播发。根据搜索有关的材料终究处理了,下面共享出来供大伙儿参照学习培训,下面看来看详尽的详细介绍:

难题剖析

手机上录制的视頻特性:


 

文件格式化工厂厂转码的视頻特性:


 

最先清除编码难题,相对路径难题,访问器不适用等难题。转码后的视頻编号是mp4v,这是不可以播发的缘故,变换为AVC(H264)编号便可。

查阅文本文档,有关video标识所适用的视頻文件格式和编号:

  • MPEG4 = 带有H.264视頻编号和AAC声频编号的MPEG4文档
  • WebM = 带有VP8视頻编号和Vorbis声频编号的 WebM文档
  • Ogg = 带有Theora视頻编号和Vorbis声频编号的Ogg文档
     

根据上面的信息内容大家发现仅有h264编号的MP4视頻(MPEG-LA企业)、VP8编号的webm文件格式的视頻(Google企业)和Theora编号的ogg文件格式的视頻(iTouch开发设计)能够适用html5的<video>标识。

处理方式

video标识容许好几个source元素,source元素能够连接不一样的视頻文档,访问器将应用第1个可鉴别的文件格式,这样能用来处理访问器适配难题。

<video controls="controls" width="100%">
  <source src="1.mp4" type="video/mp4">
  <source src="1.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

总结

以上便是这篇文章内容的所有內容了,期待本文的內容对大伙儿的学习培训或工作中能带来1定的协助,假如有疑惑大伙儿能够留言沟通交流,感谢大伙儿对脚本制作之家的适用。