Posts Tagged ‘html5 flash’

Making Flash Files Obsolete: The New HTML5 Video Tag

The new “video” tag in HTML5 is gaining ground in popularity. It is assumed that this will be the tag to make flash files obsolete. Its entrance makes html look more attractive and eliminates the need for a third party plugin for a user agent ( browser ). Take a closer look at the video tag here in this short article.





Under the last version of html, video was accomplished by using an “object” tag. This was mixed with another “embed” tag plus the third party standards that made the video come to life on the page. Those who like the new HTML5 standard say the arrangement was “unattractive” as in “ugly as a trainwreck”. They seem to forget that the beauty of the code is not the focus, the end-user enjoyment is the focus. Those who are using their browser to view a video from viddler or youtube could care less what the html code looks like. They just want to see their video. HTML5 makes this happen, and seems to please the developer at the same time.






The HTML5 video tag is straightforward. It is given the ability to define video, movie clips or other streaming video. It was not created until this last update, so it has never been used before. It will be up to those who make those “user agents” ( another way to say “web browser” ) to get together and make their software compatible and accessible to all those sites that use HTML5. The technical world is hoping this sort of plain collaboration will be culminated soon. The facts are not pointing to this, unfortunately.





The HTML5 standard is not going to erase flash files from the internet any time soon. Since the plugin aspect of showing video under older html versions and older browsers will be with us a while longer, it is wise to prepare. The creators of HTML5 made sure that users of older browsers could be alerted to the fact that they can not use the “video” tag by allowing a message to be shown. Developers can actually put whatever text they want between the start and end tags of the video element. This would point out that the visitor needs to upgrade if they want to see the video.





The HTML5 tag was equipped with seven attributes from the W3C. Best practices using them will be mysterious until some level of acceptance by browser makers starts to coalesce. For now, the “autoplay” attribute does just like it sounds. A video will begin playing automatically when ready. The “controls” attribute also includes play buttons, forward, reverse and so on. The “height” attribute will determine the height of the video. Its symbiotic partner; “width” will take care of the width. They are both determined in pixels. The “loop” attribute determines if the video will restart after finishing. The “preload” attribute means the video data is loaded once the page is opened. The “src” attribute is simply the URL ( Universal Resource Locator ) of the video file.





Here is hoping the world wide web and those who make the hardware to access it obtain a clear direction soon. The advancement of the mobile web is waiting in the wings.

101 comments - What do you think?  Posted by admin1  Date: Tuesday, November 30, 2010

Categories: html5 advice, html5 video   Tags: , , ,