HTML and CSS Reference
In-Depth Information
h e implementation of the controller is slightly dif erent on the dif erent browsers (as they are
on the audio controller). Figure 11-8 shows the Opera and Chrome browsers displaying the
same video.
Figure 11-8: The Opera (left) and Chrome browsers displaying video controller.
h e dif erences in the controls are mostly style, but as you can see in comparing the Opera
and Chrome browsers, the Opera browser displays the time in the current video relative to the
total time, while the Chrome browser shows only the current time position of the video.
WIDTH AND HEIGHT
Unlike audio, the
width
and
height
attributes in video are very important. h e browsers
use the
width
and
height
values as hints in rendering the video. h e closer the values to
the actual size, the better the video looks. h e following shows the format:
229
<
video width
=
”352”
height
=
”288”
>
<
source src
=
”multiformats/mbAux1small.ogv”
>
</
video
>
Most videos maintain a 4:3 ratio such as 320 x 240; however, with HD, the ratio is dif erent,
and sometimes editing has changed a video's dimensions. You can select a video i le and look
at its properties, but sometimes you won't be given the dimensions. For example, on a
Macintosh OS X, dimension information for
.ogv
and
.webm
i les was not provided in a
properties query (
Ô
+ I) h e same video in an MPEG4 format, though, showed the
dimensions.
TAKE THE WHEEL
h is exercise requires a video camera, and it doesn't matter whether it's a webcam or a
high-end video camcorder. If you've ever seen a presentation given with Microsot Power-
Point, you know that as a person speaks, the speaker points to dif erent slides with graphics
and text. For this exercise, think of something you'd like someone else to understand. Using a
