Embedding Video in a Web Page

Video works like audio, with one difference that you can see before anything plays: the player takes up space on the page. The <video> element uses the same src, controls, <source>, loop, muted, preload and autoplay that the previous lesson explained for <audio>, and adds a few attributes that only make sense for a picture.

The pancake recipe page gets a short video that shows how to flip a pancake:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

.....

Like the course? Get enrolled and start learning!

Reading Progress

0%

Vote for new content