O'Reilly logo

Microsoft® HTML5 Step by Step by Faithe Wempen

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Embedding Video Clips

So far, you’ve seen a lot of background material for something that seems like it should be easy! And to think we’ve only scratched the surface. This section shows how to use the <video> tag to place video on a page as well as how to fall back to Flash video if necessary.

Introducing the <video> Tag

At a basic level, the <video> tag looks like this:

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

There are several attributes and different ways to use the <video> tag that make it more configurable for your needs and the needs of your audience. Several attributes are helpful, including:

  • autoplay

  • controls

  • height

  • loop

  • preload

  • width

Not surprisingly, you use the width and height attributes to set the width and the height of the video display area on the ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required