Recently in the forum saw a lot of practical HTML5 development of video playback, music playback functions, most of them are looking for answers. So I am here to do a demo, for everyone to learn from each other. HTML5 development is becoming more and more popular, and it is an essential part of the video. How to take advantage of your site depends on your functionality and user experience. HTML5 to video or do a lot of preferential things, we use very handy.
In the past Flash is the best way to solve video on the Web page, as of now mainstream, such as Youku, such as video sites, shrimp and other online music sites, still use Flash to provide playback services. But this situation will change with the development of HTML5. As far as video is concerned, HTML5 has added video to enable the ability to play videos online.
With HTML5 video, it's easy to use JavaScript to control the content, and so on, it's very powerful, and the code is relatively small to speed up loading. In addition, cross-platform is better, especially some tablets, mobile phones and so on. For example, Apple's products do not support flash to support only video features in HTML5.
HTML5 's compatibility issue is a flawed one, but it's only a matter of time. Okay, nonsense, look at the code:
<! DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01 transitional//en" "Http://www.w3.org/TR/html4/loose.dtd" >Look at the running effect (full screen on the phone):
Non-fullscreen:
OK, here it is. The Video-js.js frame is used here. If you need source code, please click to download: http://download.csdn.net/download/xmt1139057136/7531669
If you do not understand, please add QQ Group: 135430763 Study together!
