hixie: Add an example of <video onerror>. (whatwg r4694)

hixie: Add an example of <video onerror>. (whatwg r4694)

http://dev.w3.org/cvsweb/html5/spec/Overview.html?r1=1.3745&r2=1.3746&f=h
http://html5.org/tools/web-apps-tracker?from=4693&to=4694

===================================================================
RCS file: /sources/public/html5/spec/Overview.html,v
retrieving revision 1.3745
retrieving revision 1.3746
diff -u -d -r1.3745 -r1.3746
--- Overview.html 12 Feb 2010 13:09:27 -0000 1.3745
+++ Overview.html 13 Feb 2010 02:26:17 -0000 1.3746
@@ -281,7 +281,7 @@
    <h1>HTML5</h1>
    <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2>
 
-   <h2 class="no-num no-toc" id="editor-s-draft-12-february-2010">Editor's Draft 12 February 2010</h2>
+   <h2 class="no-num no-toc" id="editor-s-draft-13-february-2010">Editor's Draft 13 February 2010</h2>
    <dl><dt>Latest Published Version:</dt>
     <dd><a href="http://www.w3.org/TR/html5/">http://www.w3.org/TR/html5/</a></dd>
     <dt>Latest Editor's Draft:</dt>
@@ -389,7 +389,7 @@
   specification's progress along the W3C Recommendation
   track.
 
-  This specification is the 12 February 2010 Editor's Draft.
+  This specification is the 13 February 2010 Editor's Draft.
   </p><!-- UNDER NO CIRCUMSTANCES IS THE PRECEDING PARAGRAPH TO BE REMOVED OR EDITED WITHOUT TALKING TO IAN FIRST --><!-- relationship to other work (required) --><p>This specification is part of <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/">a
   larger specification</a> being produced by the <a href="http://www.whatwg.org/">WHATWG</a>, which is available under a
   license that permits reuse of the specification text.</p><!-- UNDER NO CIRCUMSTANCES IS THE FOLLOWING PARAGRAPH TO BE REMOVED OR EDITED WITHOUT TALKING TO IAN FIRST --><!-- UNDER NO CIRCUMSTANCES IS THE PRECEDING PARAGRAPH TO BE REMOVED OR EDITED WITHOUT TALKING TO IAN FIRST --><!-- context and rationale (required) --><!-- (this text is from the RDFa+HTML spec --><p>This specification is an extension to the HTML5 language. All
@@ -11897,7 +11897,7 @@
  &lt;/section&gt;
 &lt;/article&gt;</pre>
 
-  </div><h4 id="the-aside-element"><span class="secno">4.4.5 </span>The <dfn><code>aside</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt>
+  </div><h4 id="the-aside-element"><span class="secno">4.4.5 </span>The <dfn><code>aside</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments. </i><span><a href="http://www.w3.org/html/wg/tracker/issues/91">ISSUE-91</a> (aside) blocks progress to Last Call</span><dl class="element"><dt>Categories</dt>
    <dd><a href="#flow-content">Flow content</a>.</dd>
    <dd><a href="#sectioning-content">Sectioning content</a>.</dd>
    <dd><a href="#formatblock-candidate"><code title="">formatBlock</code> candidate</a>.</dd>
@@ -13560,7 +13560,7 @@
  &lt;dd&gt;&lt;i class="part-of-speech"&gt;&lt;abbr&gt;v.intr.&lt;/abbr&gt;&lt;/i&gt; To be delighted oneself.&lt;/dd&gt;
  &lt;dd&gt;&lt;i class="part-of-speech"&gt;&lt;abbr&gt;v.tr.&lt;/abbr&gt;&lt;/i&gt; To cause one to be delighted.&lt;/dd&gt;
 &lt;/dl&gt;</pre>
-  </div><h4 id="the-figure-element"><span class="secno">4.5.12 </span>The <dfn><code>figure</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt>
+  </div><h4 id="the-figure-element"><span class="secno">4.5.12 </span>The <dfn><code>figure</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments. </i><span><a href="http://www.w3.org/html/wg/tracker/issues/90">ISSUE-90</a> (figure) blocks progress to Last Call</span><dl class="element"><dt>Categories</dt>
    <dd><a href="#flow-content">Flow content</a>.</dd>
    <dd><a href="#sectioning-root">Sectioning root</a>.</dd>
    <dt>Contexts in which this element may be used:</dt>
@@ -18475,6 +18475,36 @@
   provided to easily allow the user to obtain a full-screen playback
   mode.</p>
 
+  </div><div class="example">
+
+   <p>This example shows how to detect when a video has failed to play
+   correctly:</p>
+
+   <pre>&lt;script&gt;
+ function failed(e) {
+   // video playback failed - show a message saying why
+   switch (e.target.error.code) {
+     case e.target.error.MEDIA_ERR_ABORTED:
+       alert('You aborted the video playback.');
+       break;
+     case e.target.error.MEDIA_ERR_NETWORK:
+       alert('A network error caused the video download to fail part-way.');
+       break;
+     case e.target.error.MEDIA_ERR_DECODE:
+       alert('The video playback was aborted due to a corruption problem or because the video used features your browser did not support.');
+       break;
+     case e.target.error.MEDIA_ERR_SRC_NOT_SUPPORTED:
+       alert('The video could not be loaded, either because the server or network failed or because the format is not supported.');
+       break;
+     default:
+       alert('An unknown error occurred.');
+       break;
+   }
+ }
+&lt;/script&gt;
+&lt;p&gt;&lt;video src="tgif.vid" autoplay controls onerror="failed(event)"&gt;&lt;/video&gt;&lt;/p&gt;
+&lt;p&gt;&lt;a href="tgif.vid"&gt;Download the video file&lt;/a&gt;.&lt;/p&gt;</pre>
+
   </div><!--CODECS
 
   <div class="impl">
@@ -22016,7 +22046,7 @@
   and <code><a href="#video">video</a></code> elements must <a href="#reflect">reflect</a> the
   respective content attributes of the same name.</p>
 
-  </div><h3 id="tabular-data"><span class="secno">4.9 </span>Tabular data</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments. </i><span><a href="http://www.w3.org/html/wg/tracker/issues/32">ISSUE-32</a> (table-summary) blocks progress to Last Call</span><h4 id="the-table-element"><span class="secno">4.9.1 </span>The <dfn><code>table</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt>
+  </div><h3 id="tabular-data"><span class="secno">4.9 </span>Tabular data</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments. </i><span><a href="http://www.w3.org/html/wg/tracker/issues/32">ISSUE-32</a> (table-summary) blocks progress to Last Call</span><h4 id="the-table-element"><span class="secno">4.9.1 </span>The <dfn><code>table</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments. </i><span><a href="http://www.w3.org/html/wg/tracker/issues/92">ISSUE-92</a> (cleanuptable) blocks progress to Last Call</span><dl class="element"><dt>Categories</dt>
    <dd><a href="#flow-content">Flow content</a>.</dd>
    <dt>Contexts in which this element may be used:</dt>
    <dd>Where <a href="#flow-content">flow content</a> is expected.</dd>
@@ -31021,7 +31051,7 @@
  &lt;output onforminput="value = a.value + b.value"&gt;&lt;/output&gt;
 &lt;/form&gt;</pre>
 
-  </div><h4 id="the-progress-element"><span class="secno">4.10.14 </span>The <dfn><code>progress</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt>
+  </div><h4 id="the-progress-element"><span class="secno">4.10.14 </span>The <dfn><code>progress</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments. </i><span><a href="http://www.w3.org/html/wg/tracker/issues/96">ISSUE-96</a> (progress) blocks progress to Last Call</span><dl class="element"><dt>Categories</dt>
    <dd><a href="#flow-content">Flow content</a>.</dd>
    <dd><a href="#phrasing-content">Phrasing content</a>.</dd>
    <dd><a href="#category-label" title="category-label">Labelable</a> <a href="#form-associated-element">form-associated element</a>.</dd>
@@ -31153,7 +31183,7 @@
   <p>The <code title="dom-lfe-labels"><a href="#dom-lfe-labels">labels</a></code> attribute provides
   a list of the element's <code><a href="#the-label-element">label</a></code>s.</p>
 
-  </div><h4 id="the-meter-element"><span class="secno">4.10.15 </span>The <dfn><code>meter</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!-- Keep this after <progress> and NOT close to <time> --><dl class="element"><dt>Categories</dt>
+  </div><h4 id="the-meter-element"><span class="secno">4.10.15 </span>The <dfn><code>meter</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments. </i><span><a href="http://www.w3.org/html/wg/tracker/issues/97">ISSUE-97</a> (meter) blocks progress to Last Call</span></p><!-- Keep this after <progress> and NOT close to <time> --><dl class="element"><dt>Categories</dt>
    <dd><a href="#flow-content">Flow content</a>.</dd>
    <dd><a href="#phrasing-content">Phrasing content</a>.</dd>
    <dd><a href="#category-label" title="category-label">Labelable</a> <a href="#form-associated-element">form-associated element</a>.</dd>
@@ -32974,7 +33004,7 @@
    <a href="#tree-order">tree order</a>, <a href="#fire-a-simple-event">fire a simple event</a> named
    <var title="">event name</var> at the element.</li>
 
-  </ol></div><h3 id="interactive-elements"><span class="secno">4.11 </span>Interactive elements</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><h4 id="the-details-element"><span class="secno">4.11.1 </span>The <dfn><code>details</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt>
+  </ol></div><h3 id="interactive-elements"><span class="secno">4.11 </span>Interactive elements</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><h4 id="the-details-element"><span class="secno">4.11.1 </span>The <dfn><code>details</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments. </i><span><a href="http://www.w3.org/html/wg/tracker/issues/93">ISSUE-93</a> (details) blocks progress to Last Call</span><dl class="element"><dt>Categories</dt>
    <dd><a href="#flow-content">Flow content</a>.</dd>
    <dd><a href="#sectioning-root">Sectioning root</a>.</dd>
    <dd><a href="#interactive-content">Interactive content</a>.</dd>
@@ -37729,7 +37759,7 @@
   RelExtensions page</a> with the status "proposed" or "ratified" may
   be used with the <code title="">rel</code> attribute on
   <code><a href="#the-link-element">link</a></code>, <code><a href="#the-a-element">a</a></code>, and <code><a href="#the-area-element">area</a></code> elements in
-  accordance to the "Effect on..." field. <a href="#refsWHATWGWIKI">[WHATWGWIKI]</a><h3 id="common-idioms-without-dedicated-elements"><span class="secno">4.13 </span>Common idioms without dedicated elements</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><h4 id="tag-clouds"><span class="secno">4.13.1 </span>Tag clouds</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p id="tag-cloud">This specification does not define any markup
+  accordance to the "Effect on..." field. <a href="#refsWHATWGWIKI">[WHATWGWIKI]</a><h3 id="common-idioms-without-dedicated-elements"><span class="secno">4.13 </span>Common idioms without dedicated elements</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments. </i><span><a href="http://www.w3.org/html/wg/tracker/issues/89">ISSUE-89</a> (idioms) blocks progress to Last Call</span><h4 id="tag-clouds"><span class="secno">4.13.1 </span>Tag clouds</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p id="tag-cloud">This specification does not define any markup
   specifically for marking up lists of keywords that apply to a group
   of pages (also known as <i>tag clouds</i>). In general, authors are
   encouraged to either mark up such lists using <code><a href="#the-ul-element">ul</a></code>
@@ -38717,7 +38747,7 @@
 
   
 
-  </div><h2 id="browsers"><span class="secno">5 </span>Loading Web pages</h2><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><div class="impl">
+  </div><h2 id="browsers"><span class="secno">5 </span>Loading Web pages</h2><p class="XXX annotation"><b>Status: </b><i>Last call for comments. </i><span><a href="http://www.w3.org/html/wg/tracker/issues/94">ISSUE-94</a> (webcoresplit) blocks progress to Last Call</span><div class="impl">
 
   <p>This section describes features that apply most directly to Web
   browsers. Having said that, except where specified otherwise, the
@@ -46173,7 +46203,7 @@
 
   </div><h2 id="editing"><span class="secno">7 </span><dfn>User interaction</dfn></h2><p>This section describes various features that allow authors to
   enable users to edit documents and parts of documents
-  interactively.<h3 id="the-hidden-attribute"><span class="secno">7.1 </span>The <dfn title="attr-hidden"><code>hidden</code></dfn> attribute</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p>All <a href="#html-elements">HTML elements</a> may have the <code title="attr-hidden"><a href="#the-hidden-attribute">hidden</a></code> content attribute set. The <code title="attr-hidden"><a href="#the-hidden-attribute">hidden</a></code> attribute is a <a href="#boolean-attribute">boolean
+  interactively.<h3 id="the-hidden-attribute"><span class="secno">7.1 </span>The <dfn title="attr-hidden"><code>hidden</code></dfn> attribute</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments. </i><span><a href="http://www.w3.org/html/wg/tracker/issues/95">ISSUE-95</a> (hidden) blocks progress to Last Call</span><p>All <a href="#html-elements">HTML elements</a> may have the <code title="attr-hidden"><a href="#the-hidden-attribute">hidden</a></code> content attribute set. The <code title="attr-hidden"><a href="#the-hidden-attribute">hidden</a></code> attribute is a <a href="#boolean-attribute">boolean
   attribute</a>. When specified on an element, it indicates that
   the element is not yet, or is no longer, relevant. <span class="impl">User agents should not render elements that have the
   <code title="attr-hidden"><a href="#the-hidden-attribute">hidden</a></code> attribute

Received on Saturday, 13 February 2010 02:27:10 UTC