HTML and CSS Reference
In-Depth Information
Listing 3-23.
Embedding a Video in HTML5
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,
maximum-scale=1">
<title>Exercise Video</title>
</head>
<body>
<video controls width="480" height="270" poster="media/poster.jpg">
<source src="media/video.mp4" type="video/mp4">
<source src="media/video.webm" type="video/webm">
<p>
Your browser does not support HTML5 Video, <a
href="media/video.mkv">click here
to download</a>
</p>
</video>
</body>
</html>
Save and export your video. Go to the file in your Android browser. The URL
should be
http://<your computer ip address>/tutorials/video/media/
. You
should be presented with a screen similar to Figure 3-17.
