» » HTML5 video tag video


HTML5 video tag video

Author: bamboo06 on 29-10-2014, 02:11, views: 2122

At this stage, we want to embed in a web page the most reliable and the most common way is to use video Flash, through the use of object and embed tags, you can play swf, flv format video files through the browser, but the premise is the browser must be installed first tripartite plugin: Adobe Flash Player. The arrival of HTML5 change the fact that, WEB developers only need to use video tag you can easily load the video files without the need for any third-party plug-ins.
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:
HTML5 video tag video
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.
<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>  

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.

Category: HTML5

Dear visitor, you are browsing our website as Guest.
We strongly recommend you to register and login to view hidden contents.
  • 0 Articles
19 December 2017 02:09


  • Group: Guests
  • –†Registered date: --
  • Status:
I needed to write about this in what is the best custom essay writing service because I know people are looking for such information. Your blog is amazing because you always post such informative stuff.

  • 0 Articles
7 January 2018 15:11


  • Group: Guests
  • –†Registered date: --
  • Status:
It is for the folks who are playful, active, stylish and replica watches sporty even in their day-to-day activities and love technological stability without looking like wearing a piece of fake breitling technology on their wrist. rolex replica indeed travels an interesting path that way. A very urbanely and uniquely designed watch that grabs attention as a dressier choice to be sported at the right occasions. The rolex replica sale is about the subdued, everyday style with class at manageable price. Over the past two decades and a half, the breitling replica uk from street cultures, dance music and high-performance lifestyles. The replica watches uk fuses all that and stands out from the rest of the fashion watches.

Comment on the news site is possible only within (days) days from the date of publication.