Home >Web Front-end >H5 Tutorial >Solution to the problem that the video tag cannot play mp4 in HTML5
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:
AudioEncoded MPEG4 file
Solution
The video tag allows multiple source elements. The source element can link different video files. The browser will use the first one. Recognizable format, which can be used to resolve browser compatibility issues.<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>
The above is the detailed content of Solution to the problem that the video tag cannot play mp4 in HTML5. For more information, please follow other related articles on the PHP Chinese website!