HTML5 video playback tutorial example-H5 Tutorial-php.cn

HTML5 video playback tutorial example

零下一度

Release： 2017-07-16 15:35:30

Original

2450 people have browsed it

The pc side mainly uses flash playback, and the mobile side uses html5. This article mainly introduces the relevant information of html5 video playback, which has certain reference value.

I remember a few months ago, there was news that YouTube supports HTML5 video embedding tag video. Well, I just heard about it, because I am not a person who is good at circumventing the firewall. How can I unknown.

I won’t say much about HTML5 things that are not related to the theme. Everyone has heard about the video tag. The function of this tag is the same as the img tag## in the current HTML language.

#1. Technical advantages of html5

1 About video playback without plug-in, just click to watch

2 Cross-platform, easy to upgrade, easy to maintain , the development cost is much lower than that of native APP
3 Good support for mobile, supporting gestures, local storage and video replay, etc. You can make your website mobile through H5.
4 More concise code, better interaction
5 Support game development

2. HTML5 video playback

PC version or Use flash to play, but the mobile terminal uses html5 to do it.

The video tag of html5 only supports three formats: mp4, webm, and ogg. Currently, the latest versions of all mainstream browsers support html5 (except Opera)
H.264 has occupied 80% of the video market. If you use video for mobile applications, it is recommended to compile it into 264 format, which has a good high compression ratio and high image quality.
H.264 is a new digital video coding standard jointly formulated by the Joint Video Team (JVT) jointly established by two organizations. It is both ITU-T's H.264 and ISO/IEC's MPEG-4 Advanced Part 10 of Advanced Video Coding (AVC). Therefore, whether it is MPEG-4 AVC, MPEG-4 Part 10, or ISO/IEC 14496-10, it all refers to H.264.

In the era of HTML5, basically just a