The video Element part 2

HTML Fundamentals
HTML5
The video Element
33
2/2
     

Attributes of <video>



Another aspect shared by both the audio and the video elements is that each has controls, autoplay and loop attributes. 

In this example, the video will replay after it finishes playing:
<video controls autoplay loop>
<source src="video.mp4" type="video/mp4">
<source src="video.ogg" type="video/ogg">
Video is not supported by your browser
</video>Try It Yourself

Currently, there are three supported video formats for the <video> element: MP4, WebM, and OGG.

Comments

Post a Comment

Popular posts from this blog

SVG Animations & Paths part 2

Image
Paths The  <path>  element is used to define a path. The following commands are available for path data: M : moveto L : lineto H : horizontal lineto V:  vertical lineto C : curveto S : smooth curveto Q : quadratic Bézier curve T : smooth quadratic Bézier curveto A:  elliptical Arc Z : closepath Define a path using the  d  attribute: <svg width="500" height="500"> < path d="M 0 0 L200 200 L200 0 Z" style="stroke:#000; fill:none;" /> </svg> Try It Yourself M places our "virtual pen" down at the position 0, 0. It then moves 200px down and to the right, then moves up to the position 200, 0. The Z command closes the shape, which results in a hypotenuse: All of the above commands can also be expressed with lower case letters. When capital letters are used, it indicates absolute position; lower case indicates relative position.
Read more

header, nav & footer part 1

Image
The <header> Element In HTML4, we would define a header like this: <div id="header"> In HTML5, a simple  <header>  tag is used, instead. The  <header>  element is appropriate for use inside the body tag. <!DOCTYPE html> <html> <head> </head> <body> <header> <h1> Most important heading </h1> <h3> Less important heading </h3> </header> </body> </html> Try It Yourself Note that the  <header>  is completely different from the  <head>  tag
Read more