Home > Web Front-end > H5 Tutorial > body text

Solution to the problem that the video tag cannot play mp4 in HTML5

黄舟
Release: 2018-05-12 11:27:46
Original
4898 people have browsed it

This article mainly introduces to you how to solve the problem that the video tag cannot play mp4 in html5. The introduction in the article is very detailed. I believe it will have certain reference value for everyone's study or work. , friends who need it can come and take a look below.

Preface

Recently I discovered a problem. I recorded a 1.mp4 file on my mobile phone and it can be played normally by mainstream browsers. But using the format factory to transcode the rmvb file into 2.mp4 cannot be played. The solution was finally solved by searching for relevant information. I will share it below for your reference and study. Let’s take a look at the detailed introduction:

Problem Analysis

手机recordedVideoAttributes:


Video attributes for formatting factory transcoding:


First eliminate code problems, path problems, browser incompatibility, etc. The transcoded video encoding is mp4v, which is why it cannot be played. Just convert it to AVC (H264) encoding.

Check the documentation for the video formats and encodings supported by the video tag:

  • ##MPEG4 = with H.264 video encoding and AAC

    AudioEncoded MPEG4 file

  • WebM = WebM file with VP8 video encoding and Vorbis audio encoding

  • Ogg = Ogg files with Theora video encoding and Vorbis audio encoding


Through the above information, we found that there are only h264 encoded MP4 videos (MPEG-LA company), VP8 encoded webm format video (Google company) and Theora encoded ogg format video (iTouch development) can support the html5
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!