O'Reilly logo

HTML5 and CSS3: Visual QuickStart Guide, Seventh Edition by Bruce Hyslop, Elizabeth Castro

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

Looping a Video and Specifying a Poster Image

As well as setting your video to play automatically, you can also set it to play continuously until stopped Image. (This isn’t recommended, though—think of your poor users!)

Image A single WebM video set to play automatically and then loop

<body>     <video src="paddle-steamer.webm" autoplay="autoplay" loop="loop"></video></body>

Image A single WebM video with controls and a specified poster image that will display ...

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