How to solve the problem with the VIDEO tag that cannot play MP4 files in the H5

This article will give you a detailed explanation of how to solve the problem of the VIDEO label in H5 cannot play MP4 files. Xiaobian feels very practical, so share it for everyone to do a reference, I hope everyone can read this article. Harvest.

A question recently found that a 1.mp4 file is recorded in the mobile phone, and the mainstream browser will play normally. But using the format factory to transfer the RMVB file to 2. MP4 but cannot be played. By finding the relevant information, I will share it out for your reference to learn, let’s take a look at the detailed introduction:

Video properties recorded by mobile phone :

如何解决H5中video标签无法播放mp4文件的问题
Video attributes of formatting plant transcoding:

如何解决H5中video标签无法播放mp4文件的问题
First exclude code problem , Path problems, browser does not support problems. The transferred video coding is MP4V, which is the reason why you cannot play, converted to AVC (H264) coding.

Check the documentation, the video format and encoding supported by the Video tag:

MPEG4 = with H.264 video coding and AAC audio Encoded MPEG4 file

    Webm = webm file with VP8 video coding and Vorbis audio encoding

  • OGG = with theora video encoding and Vorbis audio encoded OGG file

  • Through the above information we found only H364 encoded MP4 video (MPEG-LA), VP8 encoded webm format video (Google Company) and THEORA Video of the encoded OGG format (ITOUCH development) can support the

    tab of HTML5.

  • Workaround

  • Video tag allows multiple Source elements, Source elements can link different video files, photoThe enchart will use the first identifiable format so that you can use the browser compatibility problem.

“Your Browser Does Not Support the Video Tag.

How to solve the H5 Video Tags Unable to play the MP4 file, share it here, I hope that the above can help everyone, you can learn more. If the article is good, you can share it out to let more people see.

© Copyright Notice
THE END
Just support it if you like
like0
share
comment Grab the couch

Please log in to comment