HTML and CSS Reference
In-Depth Information
Figure 7-15. Projected mobile video viewers worldwide from 2011 to 2016 (source: )
This shows pretty amazing growth, and using the IAB's standard delivery formats like VAST, advertisers can
deliver cross-screen video to every video player that supports the VAST tag format. This currently includes YouTube,
VEVO, Tremor, and, among others, and adoption is quickly growing. This works in both desktop and mobile,
and since iOS doesn't support Flash, you absolutely need to start using HTML5 video if you're deploying to mobile.
It should also be noted that all video is played in the native player of the phone device. The use of CSS and
JavaScript to style and control player controls cannot happen in mobile, unless it's played inline on tablet devices.
The following should give you a good idea for video specifications when deploying for mobile devices:
Format: H.264/MP4
Resolution: 480x360 or 640x360
Video duration: 15 to 30 seconds
Video bit rate: 600k to 1024 kbps or faster
Audio: 64k to128k @ 44.1kHz or faster
Frame rate: 24 or 30 FPS
File size: 2.2MB or smaller unless streaming is used
HTML5 Audio
I just reviewed the HTML5 video landscape in exhaustive detail, outlining many of the features to take advantage of
but also reviewing some of the issues. As you know, video is nothing without audio, and finally with HTML5, audio is
now a native feature of the browser. For a long time, you needed to rely on plug-ins or applications to play back audio
within the browser environment, much like video. In the following sections, I'll review how to load and interact with
audio using HTML5 and JavaScript; I'll also discuss failovers in case browsers aren't HTML5 capable and the current
support in the market. I'll focus on the different audio formats needed to appease all browsers. After reading the
previous sections, understanding the audio in HTML5 will be a lot easier. Aren't you glad I covered the hard part first?
Search WWH ::

Custom Search