WEB will be able in the future to any terminal, any platform simply by the HTML5 video tag will be able to achieve load the video file.
Video Tags in web
HTML5 defines a new element is used to specify a standard way to insert a video file into a web page: video tag. Use video tags can control video playback and stop, loop playback, video size, etc., for details see the table below.
Property Value Description
autoplay true | false If true, then the video is ready immediately after the play.
controls true | false If true, then the user display controls, such as the Play button.
height pixel setting the height of the video player.
loop true | false after the completion of play to start playing again, that loop
When the poster url when video is not responding or insufficient buffer, the attribute value is linked to an image. The images will be displayed a certain percentage
Video url src url played. Use child elements better.
width pixel setting of the video player width.
Currently support video tag browsers are:
IE9, Firefox, Opera, Chrome and Safari all support video tag.
Note: IE8 and earlier versions do not support the video tag.
How to Use Video
To play a video in HTML5, you need to insert the following code in the body:
Because older browsers and Internet Explorer do not support the video element, taking into account the compatibility, we must find a solution to support Flash files for these browsers. Unfortunately, and HTML 5 audio as it comes to video file formats, Firefox and Safari / Chrome support is not the same way. So if you want to use HTML 5 video at this time, you need to create three video versions.
OGG, MP4, FLV / SWF
<video width="320" height="240" controls> <!-- Firefox --> <source src="mv.ogg" type="video/ogg" /> <!-- Safari/Chrome--> <source src="mv.mp4" type="video/mp4" /> <!-- if video tag is not supported then will use flash --> <embed src="http://blip.tv/play/gcMVgcmBAgA%2Em4v" type="application/x-shockwave-flash" width="1024" height="798" allowscriptaccess="always" allowfullscreen="true"> </embed> </video>
HTML5 video tag note
1, you need to create three video formats to implement support for Firefox, Safari / Chrome and IE;
2. Do not omit any kind of format. HTML 5 can not be as compatible as you think Firefox and Safari, Safari can explain video tag, would expect to load the appropriate file, if you omit certain format, it will cause the player to blank;
3. Remember that the full-screen display is not supported by Safari and Chrome. However, in Firefox 3.6 version, you can full screen browsing;
4. To understand why IE load Flash files, because IE does not explain video element. However, if the browser supports, is expected to load the appropriate file.