Html/Training/Video

• HTML Educational Materials
  • Week 2
    • Hyper Links
      • Hyper Links
      • Link options
    • Embedded contents
      • Image
      • Video

HTML Videos

<video controls src="movie.ogv">
  <p>Your user agent does not support the HTML5 Video element.</p>
</video>

Embedded videos

The embedded videos are specified by <video>.
There are two way of specifying the embedded content.

See also The video element.

The src attribute

The image given by the src attribute is the embedded content.
SRC stands for source.

 <video src="movie.ogv">
 </video>

The source element

The <source> element allows authors to specify multiple alternative media resources for media elements.

 <video>
   <source src="movie.mp4" type='video/mp4; codecs="avc1, mp4a"'>
   <source src="movie.ogv" type='video/ogg; codecs="theora, vorbis"'>
 </video>

See also The source element.

Fallback contents

The fallback contents are contained between <video> ... </video>.

 <video src="movie.ogv">
   <p>Your user agent does not support the HTML5 Video element.</p>
 </video>

Video codecs

The HTML5 specification does not require a video codec to be supported by all user agents.

See the wikipedia browser support table.

In the next content, you will learn the HTML tables. "Tables"