HTML and CSS Reference
In-Depth Information
Figure 9.11 A video clip with the default Google Chrome browser controls
Since videos take up space on the page, it doesn't hurt to specify their dimensions, which
is most commonly done with width and height properties in CSS. This helps ensure
that the video isn't too large and stays within the implied layout of a page. Additionally,
specifying a size, as with images, helps the browser render videos faster and allows it to
allocate the proper space needed for the video to be displayed.
Click here to view code image
1. <video src="earth.ogv" controls></video>
Customizing Audio & Video Controls
By default, the <audio> and <video> element controls are determined by
each browser independently. Depending on the design of a website, more author-
ity over the look and feel of the media player may be needed. If this is the case, a
customized player can be built, but it will require a little JavaScript to work.
Search WWH ::




Custom Search