HTML and CSS Reference
In-Depth Information
Figure 6-2. HTML5 video embed with controls
You can see the full code in
Example 6-2
.
Example 6-2. HTML video with controls, loop, and autoplay
<!doctype html>
<html
<html lang=
"en"
>
<head>
<head>
<meta
<meta charset=
"UTF-8"
>
<title>
<title>
CH6EX2: Basic HTML5 Video With Controls
</title>
</title>
</head>
</head>
<body>
<body>
<div>
<div>
<video
<video autoplay loop controls id=
"thevideo"
width=
"320"
height=
"240"
>
<source
<source src=
"muirbeach.webm"
type=
'video/webm; codecs="vp8, vorbis"'
>
<source
<source src=
"muirbeach.mp4"
type=
'video/mp4; codecs="avc1.42E01E, mp4a.40.2"'
>
<source
<source src=
"muirbeach.ogg"
type=
'video/ogg; codecs="theora, vorbis"'
>
</video>
</video>
</div>
</div>
<div>
<div>
(Autoplay, Loop, Controls)
</div>
</div>
</body>
</body>
</html>
</html>