video标签不能播放,html5 video 不能自动播放_1

  video标签不能播放,html5 video 不能自动播放

  前言

  最近发现一个问题。我在手机上录制了一个1.mp4文件,主流浏览器都能正常播放。但是,使用格式工厂将rmvb文件转码为2.mp4不能播放。最后通过找相关资料解决了。大家分享一下,供大家参考。我们来看看详细介绍:

  问题分析

  手机录制的视频属性:

  工厂转码的格式视频属性:

  首先排除代码问题、路径问题、浏览器不支持问题等。转码后的视频码是mp4v,这是无法播放的原因。转换成AVC(H264)码就行了。

  查阅文档,关于video标签所支持的视频格式和编码:

  MPEG4=MPEG4文件采用H.264视频编码和AAC音频编码WebM=WebM文件采用VP8视频编码和Vorbis音频编码Ogg=Ogg文件采用Theora视频编码和Vorbis音频编码通过以上信息,我们发现只有h264编码的MP4视频(MPEG-LA公司)、VP8编码的WebM格式视频(Google公司)和Theora编码的Ogg格式视频(iTouch开发)可以支持html5视频标签。

  解决方法

  视频标签允许多个源元素,它们可以链接不同的视频文件。浏览器会使用第一个可识别的格式,可以用来解决浏览器兼容性问题。

  video controls= controls width= 100% source src= 1 . MP4 type= video/MP4 source src= 1 . ogg type= video/ogg 您的浏览器不支持video标记。/视频总结

  这就是本文的全部内容。希望这篇文章的内容能给你的学习或者工作带来一些帮助。有问题可以留言交流。谢谢你的支持。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: