HTML and CSS Reference
Altering the Width and Height of the Video
In our first example, we showed how you could embed a video without changing the default
width or height. However, there are many good reasons why you might want to change the
default width and height of a video in the HTML page, such as fitting it into a particular
part of the page or enlarging it so that it is easier to see. Similar to embedding an image into
HTML with the <img> tag, a video will scale to whatever width and height you provide in
the <video> tag. Also, like with the <img> tag, this scale does not affect the size of the object
downloaded. If the video is 5 megabytes at 640×480, it will still be 5 megabytes when dis-
played at 180×120—just scaled to fit that size.
In Example 6-3 ( CH6EX3.html ), we have scaled the same video to three different sizes and
displayed them on the same page. Figure 6-3 shows what this looks like in HTML (again,
rendered in the Google Chrome browser).