Not unlike other HTML elements, the <video> tag has quite a few Content attributes associated with it that include (a) Global attributes, (b) src, (c) Poster, (d) Preload, (e) Autoplay, (f) Loop, (g) Controls, (h) Height and (i) Width.
Since the src, Preload, Autoplay, Loop and Controls attributes are self-explanatory and are the same for all media elements, they define the source of the video, such as whether to preload, autoplay, Loop and demonstrate Controls to the page visitor for the video.
The Global attributes, however, are customary to all elements, comprising (1) accesskey, (2) class, (3) contenteditable , (4) contextmenu, (5) dir, (6) draggable, (7) hidden, (8) id, (9) lang, (10) spellcheck, (11) style, (12) tabindex and (13) style.
The <video> element, incidentally, has a Document Object Model (DOM) interface, which is used in the following manner.
interface HTMLVideoElement : HTMLMediaElement {
attribute DOMString width;
attribute DOMString height;
readonly attribute unsigned long videoWidth;
readonly attribute unsigned long videoHeight;
attribute DOMString poster;
Web developers, similar to other elements, may add content within the video element to provide the same to earlier web browsers that do not support the video element. This content supports video plugins (Flash) as also can be used to provide links to users of such outmoded browsers which permit them to access through some other mechanism.
The Poster attribute bestows the URL of any image file that appears when no video data becomes available. The image is considered to be an indicative frame of the video, generally the first non-blank frame which, inter alia, gives the user an idea of what the video is all about. Poster image is usually presented when the video is loading. If the video, during the course when it is playing, is paused by the user, the poster frame element will represent the frame synonymous to the latest playback position.
The video’s playback size (Video width and height) will mirror that of the video itself in CSS pixels according to the format used. When these are not defined, it will be 300 pixels for width and 150 pixels for height.
HTML5 Video Tutorials for beginners will start with basic HTML tags. The beginner will then learn how to create websites and use CSS in his or her work before HTML5 comes into view. Since the course director does not assume any prior knowledge, the beginner literally starts from the scratch.
However, now the video will demonstrate new tags and forms. It will then gradually move to advance topics such as Drag & Drop and Multimedia. This, however, will be followed by rather daunting topics such as Geolocation, WebStorage and Application cache. The video course can create easy to follow examples for all the concepts and by the end the beginner will be able to grasp the entire HTML5 scenario thoroughly and well.
Since the src, Preload, Autoplay, Loop and Controls attributes are self-explanatory and are the same for all media elements, they define the source of the video, such as whether to preload, autoplay, Loop and demonstrate Controls to the page visitor for the video.
The Global attributes, however, are customary to all elements, comprising (1) accesskey, (2) class, (3) contenteditable , (4) contextmenu, (5) dir, (6) draggable, (7) hidden, (8) id, (9) lang, (10) spellcheck, (11) style, (12) tabindex and (13) style.
The <video> element, incidentally, has a Document Object Model (DOM) interface, which is used in the following manner.
interface HTMLVideoElement : HTMLMediaElement {
attribute DOMString width;
attribute DOMString height;
readonly attribute unsigned long videoWidth;
readonly attribute unsigned long videoHeight;
attribute DOMString poster;
Web developers, similar to other elements, may add content within the video element to provide the same to earlier web browsers that do not support the video element. This content supports video plugins (Flash) as also can be used to provide links to users of such outmoded browsers which permit them to access through some other mechanism.
The Poster attribute bestows the URL of any image file that appears when no video data becomes available. The image is considered to be an indicative frame of the video, generally the first non-blank frame which, inter alia, gives the user an idea of what the video is all about. Poster image is usually presented when the video is loading. If the video, during the course when it is playing, is paused by the user, the poster frame element will represent the frame synonymous to the latest playback position.
The video’s playback size (Video width and height) will mirror that of the video itself in CSS pixels according to the format used. When these are not defined, it will be 300 pixels for width and 150 pixels for height.
HTML5 Video Tutorials for beginners will start with basic HTML tags. The beginner will then learn how to create websites and use CSS in his or her work before HTML5 comes into view. Since the course director does not assume any prior knowledge, the beginner literally starts from the scratch.
However, now the video will demonstrate new tags and forms. It will then gradually move to advance topics such as Drag & Drop and Multimedia. This, however, will be followed by rather daunting topics such as Geolocation, WebStorage and Application cache. The video course can create easy to follow examples for all the concepts and by the end the beginner will be able to grasp the entire HTML5 scenario thoroughly and well.
