Introducing the HTML5 Video Element
Forget using the <iframe> element for sharing
videos to your friends. There is an easier way to do this. Now, with HTML5 you
can use the <video> element:
The <video>
tag is supported in Internet Explorer 9 (earlier versions does not
support the <video> element), Firefox, Opera, Chrome and
Safari.
poster="poster.jpg" – specifies an image to be shown while the video is downloading, or until the user hits the play button
For more informations, please visit http://www.w3.org/TR/html5/the-video-element.html#the-video-element .
Published at DZone with permission of its author, Constantin Alin. (source)<!DOCTYPE html> <html> <body> <video width="448" height="336" controls="controls" poster="poster.jpg"> <source src="Nole vs. Rafa.mp4" type="video/mp4" /> <source src="Nole vs. Rafa.ogg" type="video/ogg" /> Your browser does not support the video tag. </video> </body> </html>And the output will be:
The <video>
tag is supported in Internet Explorer 9 (earlier versions does not
support the <video> element), Firefox, Opera, Chrome and
Safari.
poster="poster.jpg" – specifies an image to be shown while the video is downloading, or until the user hits the play button
For more informations, please visit http://www.w3.org/TR/html5/the-video-element.html#the-video-element .
(Note: Opinions expressed in this article and its replies are the opinions of their respective authors and not those of DZone, Inc.)
Tags:
