oreilly html5 media (2011)

[...]... http://www .oreilly. com/catalog/9781449304454 To comment or ask technical questions about this book, send email to: bookquestions @oreilly. com For more information about our books, courses, conferences, and news, see our website at http://www .oreilly. com Find us on Facebook: http://facebook.com /oreilly Follow us on Twitter: http://twitter.com/oreillymedia Watch us on YouTube: http://www.youtube.com/oreillymedia... they wish The Media Elements in More Detail | 17 mediagroup The mediagroup attribute provides a way to group more than one media file together At the time this was written, the new mediagroup attribute had not been implemented by any browser According to the specifications, if the attribute is provided for two or more media elements, they’ll all be managed by the same implicitly created media controller... script as soon as the media element is loaded This form of progressive enhancement ensures that if scripting is disabled, the user can still play the media resource Adding a Media Element to a Web Page | 3 However, sometimes people deliberately leave the controls attribute off the media element because they’re using the media element as part of a web page presentation and want the media to play as soon... in Chrome with support for HTML5 video Figure 1-3 Video playing in IE9 in compatibility mode, triggering the YouTube fallback 14 | Chapter 1: HTML5 Audio and Video Elements: By-Default Before I return to the media elements, there is one more attribute supported on the source element, though it is rarely used: the media attribute The media attribute provides the intended media source for the element... wonderful new HTML5 media elements Thanks also to the production team, and Chris Mills for doing an outstanding job as technical reviewer/editor My appreciations also to Ben Henick for his readability review of the text Preface | xiii CHAPTER 1 HTML5 Audio and Video Elements: By-Default The media elements, as the HTML5 audio and video elements are generically termed, are a way of embedding playable media files... enough of the media file so that it can play through it without stopping If autoplay is added to a media element, it overrides the preload setting, regardless of setting loop The loop attribute resets the media file back to the beginning when finished, and continues the play muted If the muted attribute is present, the media plays, but without sound The user can turn on the sound via the media controls,... user agents that implement the HTML5 media elements also provide default controls and behavior for each In this chapter, I cover how to add HTML5 video and audio elements to your web page, and explore some of the implementation differences among the browsers I also cover the more widely supported media file codecs and containers, and browser support for each Support for the media elements is relatively... provides the intended media source for the element The default value is all, which means the media file is intended for all media sources There are several other allowable values, but the two that make most sense (other than all) for media elements, especially video, are handheld and screen In combination with media queries in CSS, one can have a web page serve both desktop and handheld devices MPEG-LA... structure for pages served up with the m subdomain Most other CMS tools offer something comparable The Media Elements in More Detail After that refreshingly simple jaunt through containers and codecs, we’ll return to looking at the media elements in more detail The Media Elements in More Detail | 15 Media Elements and Global Attributes The audio and video elements both support the same set of global... depend on immediate reader access Media- Specific Attributes In addition to the global attributes, there are also several media- specific attributes that are shared by both the audio and video elements We’ve seen the src and controls attributes used in previous examples The rest are provided in the following list: preload The preload attribute provides hints to the user agent about preloading the media content . class="bi x0 y0 w0 h1" alt="" HTML5 Media HTML5 Media Shelley Powers Beijing • Cambridge • Farnham • Köln • Sebastopol • Tokyo HTML5 Media by Shelley Powers Copyright. trademarks of O’Reilly Media, Inc. HTML5 Media, the image of a brown-eared pheasant, and related trade dress are trademarks of O’Reilly Media, Inc. Many of