- From: Michael Smith via cvs-syncmail <cvsmail@w3.org>
- Date: Wed, 10 Feb 2010 02:37:02 +0000
- To: public-html-commits@w3.org
Update of /sources/public/html5/spec-author-view In directory hutz:/tmp/cvs-serv5659 Modified Files: Overview.html spec.html video.html Log Message: Add an example of forcing fallback from <source>. (whatwg r4685) [updated by splitter] Index: Overview.html =================================================================== RCS file: /sources/public/html5/spec-author-view/Overview.html,v retrieving revision 1.653 retrieving revision 1.654 diff -u -d -r1.653 -r1.654 --- Overview.html 10 Feb 2010 02:17:01 -0000 1.653 +++ Overview.html 10 Feb 2010 02:36:59 -0000 1.654 @@ -302,7 +302,7 @@ </dl><p>This specification is available in the following formats: <a href="spec.html">single page HTML</a>, <a href="Overview.html">multipage HTML</a>. -This is revision 1.3738. +This is revision 1.3739. </p> <p class="copyright"><a href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2009 <a href="http://www.w3.org/"><abbr title="World Wide Index: video.html =================================================================== RCS file: /sources/public/html5/spec-author-view/video.html,v retrieving revision 1.568 retrieving revision 1.569 diff -u -d -r1.568 -r1.569 --- video.html 6 Feb 2010 10:57:04 -0000 1.568 +++ video.html 10 Feb 2010 02:37:00 -0000 1.569 @@ -580,7 +580,29 @@ <a href="#media-resource">media resource</a> is useful to the user before fetching it. Its value must be a <a href="common-microsyntaxes.html#valid-media-query">valid media query</a>.</p><p id="source-default-media">The default, if the <code title="attr-srouce-media">media</code> attribute is omitted, is "<code title="">all</code>", meaning that by default the <a href="#media-resource">media - resource</a> is suitable for all media.</p><h4 id="media-elements"><span class="secno">4.8.9 </span>Media elements</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p><dfn id="media-element" title="media element">Media elements</dfn> implement the + resource</a> is suitable for all media.</p><div class="example"> + + <p>If the author isn't sure if the user agents will all be able to + render the media resources provided, the author can listen to the + <code title="event-error">error</code> event on the last + <code><a href="#the-source-element">source</a></code> element and trigger fallback behaviour:</p> + + <pre><video controls autoplay> + <source src='video.mp4' type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> + <source src='video.ogv' type='video/ogg; codecs="theora, vorbis"' + onerror="fallback(parentNode)"> + ... +</video> +<script> + function fallback(video) { + // replace <video> with its contents + while (video.hasChildNodes()) + video.parentNode.insertBefore(video.firstChild, video); + video.parentNode.removeChild(video); + } +</script></pre> + + </div><h4 id="media-elements"><span class="secno">4.8.9 </span>Media elements</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p><dfn id="media-element" title="media element">Media elements</dfn> implement the following interface:</p><pre class="idl">interface <dfn id="htmlmediaelement">HTMLMediaElement</dfn> : <a href="elements.html#htmlelement">HTMLElement</a> { // error state Index: spec.html =================================================================== RCS file: /sources/public/html5/spec-author-view/spec.html,v retrieving revision 1.658 retrieving revision 1.659 diff -u -d -r1.658 -r1.659 --- spec.html 10 Feb 2010 02:17:01 -0000 1.658 +++ spec.html 10 Feb 2010 02:36:59 -0000 1.659 @@ -300,7 +300,7 @@ </dl><p>This specification is available in the following formats: <a href=spec.html>single page HTML</a>, <a href=Overview.html>multipage HTML</a>. -This is revision 1.3738. +This is revision 1.3739. </p> <p class=copyright><a href=http://www.w3.org/Consortium/Legal/ipr-notice#Copyright>Copyright</a> © 2009 <a href=http://www.w3.org/><abbr title="World Wide @@ -10501,7 +10501,29 @@ <a href=#media-resource>media resource</a> is useful to the user before fetching it. Its value must be a <a href=#valid-media-query>valid media query</a>.</p><p id=source-default-media>The default, if the <code title=attr-srouce-media>media</code> attribute is omitted, is "<code title="">all</code>", meaning that by default the <a href=#media-resource>media - resource</a> is suitable for all media.</p><h4 id=media-elements><span class=secno>4.8.9 </span>Media elements</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p><dfn id=media-element title="media element">Media elements</dfn> implement the + resource</a> is suitable for all media.</p><div class=example> + + <p>If the author isn't sure if the user agents will all be able to + render the media resources provided, the author can listen to the + <code title=event-error>error</code> event on the last + <code><a href=#the-source-element>source</a></code> element and trigger fallback behaviour:</p> + + <pre><video controls autoplay> + <source src='video.mp4' type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> + <source src='video.ogv' type='video/ogg; codecs="theora, vorbis"' + onerror="fallback(parentNode)"> + ... +</video> +<script> + function fallback(video) { + // replace <video> with its contents + while (video.hasChildNodes()) + video.parentNode.insertBefore(video.firstChild, video); + video.parentNode.removeChild(video); + } +</script></pre> + + </div><h4 id=media-elements><span class=secno>4.8.9 </span>Media elements</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p><dfn id=media-element title="media element">Media elements</dfn> implement the following interface:</p><pre class=idl>interface <dfn id=htmlmediaelement>HTMLMediaElement</dfn> : <a href=#htmlelement>HTMLElement</a> { // error state
Received on Wednesday, 10 February 2010 02:37:04 UTC