Skip to content

Commit

Permalink
Issue#15 - fix typos.
Browse files Browse the repository at this point in the history
  • Loading branch information
@alastor0325
alastor0325 committed Jan 10, 2022
1 parent b3fdf21 commit f370977
Show file tree
Hide file tree
Showing 2 changed files with 25 additions and 25 deletions.
6 changes: 3 additions & 3 deletions index.bs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -210,7 +210,7 @@ div.enum-description > table > thead > tr > th {
finer-grained autoplay control.
</div>

<h4 id="query-by-a-element">Query by a Element</h3>
<h4 id="query-by-a-element">Query by an Element</h3>
<pre class="idl">
[Exposed=Window]
partial interface Navigator {
Expand Down Expand Up @@ -261,7 +261,7 @@ div.enum-description > table > thead > tr > th {
</dl>

If the result of querying by a constructor is different from the result
of querying by a element, authors should take the latter one as a correct
of querying by an element, authors should take the latter one as a correct
result. Example 2 shows a possible scenario.

<h2 id="code-example">Examples</h2>
Expand Down Expand Up @@ -309,7 +309,7 @@ div.enum-description > table > thead > tr > th {
}
function handlePlayFailed() {
// Show a button to allow users to explicitly start the video and
// display a image element as poster to replace the video.
// display an image element as poster to replace the video.
}

let video = document.getElementById("video");
Expand Down
44 changes: 22 additions & 22 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<link href="https://www.w3.org/StyleSheets/TR/2016/W3C-ED" rel="stylesheet" type="text/css">
<meta content="Bikeshed version 800b43329, updated Tue May 25 14:13:32 2021 -0700" name="generator">
<link href="https://w3c.github.io/autoplay/" rel="canonical">
<meta content="e31fe99b1e1bd655161ce236d96d1e47f199bd1f" name="document-revision">
<meta content="b3fdf219752f0bdf7e9b58d282633e28b2fbd1eb" name="document-revision">
<style>
@media (prefers-color-scheme: light) {
:root {
Expand Down Expand Up @@ -598,7 +598,7 @@
<div class="head">
<p data-fill-with="logo"><a class="logo" href="https://www.w3.org/"> <img alt="W3C" height="48" src="https://www.w3.org/StyleSheets/TR/2016/logos/W3C" width="72"> </a> </p>
<h1 class="p-name no-ref" id="title">Autoplay Policy Detection</h1>
<h2 class="no-num no-toc no-ref heading settled" id="profile-and-date"><span class="content">Editor’s Draft, <time class="dt-updated" datetime="2021-12-29">29 December 2021</time></span></h2>
<h2 class="no-num no-toc no-ref heading settled" id="profile-and-date"><span class="content">Editor’s Draft, <time class="dt-updated" datetime="2022-01-10">10 January 2022</time></span></h2>
<div data-fill-with="spec-metadata">
<dl>
<dt>This version:
Expand All @@ -610,7 +610,7 @@ <h2 class="no-num no-toc no-ref heading settled" id="profile-and-date"><span cla
</dl>
</div>
<div data-fill-with="warning"></div>
<p class="copyright" data-fill-with="copyright"><a href="https://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2021 <a href="https://www.w3.org/"><abbr title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a href="https://www.csail.mit.edu/"><abbr title="Massachusetts Institute of Technology">MIT</abbr></a>, <a href="https://www.ercim.eu/"><abbr title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>, <a href="https://www.keio.ac.jp/">Keio</a>, <a href="https://ev.buaa.edu.cn/">Beihang</a>). W3C <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a href="https://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> and <a href="https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document" rel="license">permissive document license</a> rules apply. </p>
<p class="copyright" data-fill-with="copyright"><a href="https://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2022 <a href="https://www.w3.org/"><abbr title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a href="https://www.csail.mit.edu/"><abbr title="Massachusetts Institute of Technology">MIT</abbr></a>, <a href="https://www.ercim.eu/"><abbr title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>, <a href="https://www.keio.ac.jp/">Keio</a>, <a href="https://ev.buaa.edu.cn/">Beihang</a>). W3C <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a href="https://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> and <a href="https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document" rel="license">permissive document license</a> rules apply. </p>
<hr title="Separator for header">
</div>
<div class="p-summary" data-fill-with="abstract">
Expand Down Expand Up @@ -645,7 +645,7 @@ <h2 class="no-num no-toc no-ref" id="contents">Table of Contents</h2>
<a href="#autoplay-detection-methods"><span class="secno">2.2</span> <span class="content">The Autoplay Detection Methods</span></a>
<ol class="toc">
<li><a href="#query-by-a-constructor"><span class="secno">2.2.1</span> <span class="content">Query by a Constructor</span></a>
<li><a href="#query-by-a-element"><span class="secno">2.2.2</span> <span class="content">Query by a Element</span></a>
<li><a href="#query-by-a-element"><span class="secno">2.2.2</span> <span class="content">Query by an Element</span></a>
</ol>
</ol>
<li><a href="#code-example"><span class="secno">3</span> <span class="content">Examples</span></a>
Expand Down Expand Up @@ -784,7 +784,7 @@ <h4 class="heading settled" data-level="2.2.1" id="query-by-a-constructor"><span
blocking autoplay more consistent. The latter helps providing a
finer-grained autoplay control.</p>
</div>
<h4 class="heading settled" data-level="2.2.2" id="query-by-a-element"><span class="secno">2.2.2. </span><span class="content">Query by a Element</span><a class="self-link" href="#query-by-a-element"></a></h4>
<h4 class="heading settled" data-level="2.2.2" id="query-by-a-element"><span class="secno">2.2.2. </span><span class="content">Query by an Element</span><a class="self-link" href="#query-by-a-element"></a></h4>
<pre class="idl highlight def">[<a class="idl-code" data-link-type="extended-attribute" href="https://heycam.github.io/webidl/#Exposed" id="ref-for-Exposed①"><c- g>Exposed</c-></a>=<c- n>Window</c->]
<c- b>partial</c-> <c- b>interface</c-> <a class="idl-code" data-link-type="interface" href="https://html.spec.whatwg.org/multipage/system-state.html#navigator" id="ref-for-navigator⑥"><c- g>Navigator</c-></a> {
<a data-link-type="idl-name" href="#enumdef-autoplaypolicy" id="ref-for-enumdef-autoplaypolicy②"><c- n>AutoplayPolicy</c-></a> <dfn class="idl-code" data-dfn-for="Navigator" data-dfn-type="method" data-export data-lt="getAutoplayPolicy(element)" id="dom-navigator-getautoplaypolicy-element"><code><c- g>getAutoplayPolicy</c-></code><a class="self-link" href="#dom-navigator-getautoplaypolicy-element"></a></dfn>(<a data-link-type="idl-name" href="https://html.spec.whatwg.org/multipage/media.html#htmlmediaelement" id="ref-for-htmlmediaelement⑤"><c- n>HTMLMediaElement</c-></a> <dfn class="idl-code" data-dfn-for="Navigator/getAutoplayPolicy(element)" data-dfn-type="argument" data-export id="dom-navigator-getautoplaypolicy-element-element"><code><c- g>element</c-></code><a class="self-link" href="#dom-navigator-getautoplaypolicy-element-element"></a></dfn>);
Expand Down Expand Up @@ -820,7 +820,7 @@ <h4 class="heading settled" data-level="2.2.2" id="query-by-a-element"><span cla
</div>
</dl>
<p>If the result of querying by a constructor is different from the result
of querying by a element, authors should take the latter one as a correct
of querying by an element, authors should take the latter one as a correct
result. Example 2 shows a possible scenario.</p>
<h2 class="heading settled" data-level="3" id="code-example"><span class="secno">3. </span><span class="content">Examples</span><a class="self-link" href="#code-example"></a></h2>
<div class="example" id="example-62671621">
Expand Down Expand Up @@ -852,14 +852,14 @@ <h2 class="heading settled" data-level="3" id="code-example"><span class="secno"
<c- p>}</c->
</pre>
</div>
<div class="example" id="example-77e3286f">
<a class="self-link" href="#example-77e3286f"></a> Example of querying by a specific media element.
<div class="example" id="example-1f8d5a6e">
<a class="self-link" href="#example-1f8d5a6e"></a> Example of querying by a specific media element.
<pre class="lang-javascript highlight"><c- a>function</c-> handlePlaySucceeded<c- p>()</c-> <c- p>{</c->
<c- c1>// Update the control UI to playing.</c->
<c- p>}</c->
<c- a>function</c-> handlePlayFailed<c- p>()</c-> <c- p>{</c->
<c- c1>// Show a button to allow users to explicitly start the video and</c->
<c- c1>// display a image element as poster to replace the video.</c->
<c- c1>// display an image element as poster to replace the video.</c->
<c- p>}</c->

<c- a>let</c-> video <c- o>=</c-> document<c- p>.</c->getElementById<c- p>(</c-><c- u>"video"</c-><c- p>);</c->
Expand Down Expand Up @@ -946,15 +946,15 @@ <h3 class="no-num no-ref heading settled" id="index-defined-here"><span class="c
<li><a href="#ref-for-htmlmediaelement">1. Introduction</a>
<li><a href="#ref-for-htmlmediaelement①">2.1. Autoplay Policy Enum</a> <a href="#ref-for-htmlmediaelement②">(2)</a>
<li><a href="#ref-for-htmlmediaelement③">2.2.1. Query by a Constructor</a> <a href="#ref-for-htmlmediaelement④">(2)</a>
<li><a href="#ref-for-htmlmediaelement⑤">2.2.2. Query by a Element</a> <a href="#ref-for-htmlmediaelement⑥">(2)</a> <a href="#ref-for-htmlmediaelement⑦">(3)</a>
<li><a href="#ref-for-htmlmediaelement⑤">2.2.2. Query by an Element</a> <a href="#ref-for-htmlmediaelement⑥">(2)</a> <a href="#ref-for-htmlmediaelement⑦">(3)</a>
</ul>
</aside>
<aside class="dfn-panel" data-for="term-for-navigator">
<a href="https://html.spec.whatwg.org/multipage/system-state.html#navigator">https://html.spec.whatwg.org/multipage/system-state.html#navigator</a><b>Referenced in:</b>
<ul>
<li><a href="#ref-for-navigator">2. The Autoplay Detection API</a> <a href="#ref-for-navigator①">(2)</a>
<li><a href="#ref-for-navigator②">2.2.1. Query by a Constructor</a> <a href="#ref-for-navigator③">(2)</a> <a href="#ref-for-navigator④">(3)</a> <a href="#ref-for-navigator⑤">(4)</a>
<li><a href="#ref-for-navigator⑥">2.2.2. Query by a Element</a>
<li><a href="#ref-for-navigator⑥">2.2.2. Query by an Element</a>
</ul>
</aside>
<aside class="dfn-panel" data-for="term-for-window">
Expand Down Expand Up @@ -986,7 +986,7 @@ <h3 class="no-num no-ref heading settled" id="index-defined-here"><span class="c
<aside class="dfn-panel" data-for="term-for-dom-media-play">
<a href="https://html.spec.whatwg.org/multipage/media.html#dom-media-play">https://html.spec.whatwg.org/multipage/media.html#dom-media-play</a><b>Referenced in:</b>
<ul>
<li><a href="#ref-for-dom-media-play">2.2.2. Query by a Element</a> <a href="#ref-for-dom-media-play①">(2)</a>
<li><a href="#ref-for-dom-media-play">2.2.2. Query by an Element</a> <a href="#ref-for-dom-media-play①">(2)</a>
</ul>
</aside>
<aside class="dfn-panel" data-for="term-for-sticky-activation">
Expand Down Expand Up @@ -1017,33 +1017,33 @@ <h3 class="no-num no-ref heading settled" id="index-defined-here"><span class="c
<a href="https://webaudio.github.io/web-audio-api/#audiocontext">https://webaudio.github.io/web-audio-api/#audiocontext</a><b>Referenced in:</b>
<ul>
<li><a href="#ref-for-audiocontext">2.2.1. Query by a Constructor</a>
<li><a href="#ref-for-audiocontext①">2.2.2. Query by a Element</a> <a href="#ref-for-audiocontext②">(2)</a>
<li><a href="#ref-for-audiocontext①">2.2.2. Query by an Element</a> <a href="#ref-for-audiocontext②">(2)</a>
<li><a href="#ref-for-audiocontext③">3. Examples</a> <a href="#ref-for-audiocontext④">(2)</a>
</ul>
</aside>
<aside class="dfn-panel" data-for="term-for-enumdef-audiocontextstate">
<a href="https://webaudio.github.io/web-audio-api/#enumdef-audiocontextstate">https://webaudio.github.io/web-audio-api/#enumdef-audiocontextstate</a><b>Referenced in:</b>
<ul>
<li><a href="#ref-for-enumdef-audiocontextstate">2.2.2. Query by a Element</a>
<li><a href="#ref-for-enumdef-audiocontextstate">2.2.2. Query by an Element</a>
</ul>
</aside>
<aside class="dfn-panel" data-for="term-for-dom-audiocontextstate-suspended">
<a href="https://webaudio.github.io/web-audio-api/#dom-audiocontextstate-suspended">https://webaudio.github.io/web-audio-api/#dom-audiocontextstate-suspended</a><b>Referenced in:</b>
<ul>
<li><a href="#ref-for-dom-audiocontextstate-suspended">2.2.2. Query by a Element</a>
<li><a href="#ref-for-dom-audiocontextstate-suspended">2.2.2. Query by an Element</a>
</ul>
</aside>
<aside class="dfn-panel" data-for="term-for-Exposed">
<a href="https://heycam.github.io/webidl/#Exposed">https://heycam.github.io/webidl/#Exposed</a><b>Referenced in:</b>
<ul>
<li><a href="#ref-for-Exposed">2.2.1. Query by a Constructor</a>
<li><a href="#ref-for-Exposed①">2.2.2. Query by a Element</a>
<li><a href="#ref-for-Exposed①">2.2.2. Query by an Element</a>
</ul>
</aside>
<aside class="dfn-panel" data-for="term-for-notallowederror">
<a href="https://heycam.github.io/webidl/#notallowederror">https://heycam.github.io/webidl/#notallowederror</a><b>Referenced in:</b>
<ul>
<li><a href="#ref-for-notallowederror">2.2.2. Query by a Element</a>
<li><a href="#ref-for-notallowederror">2.2.2. Query by an Element</a>
</ul>
</aside>
<h3 class="no-num no-ref heading settled" id="index-defined-elsewhere"><span class="content">Terms defined by reference</span><a class="self-link" href="#index-defined-elsewhere"></a></h3>
Expand Down Expand Up @@ -1127,38 +1127,38 @@ <h2 class="no-num no-ref heading settled" id="idl-index"><span class="content">I
<b><a href="#enumdef-autoplaypolicy">#enumdef-autoplaypolicy</a></b><b>Referenced in:</b>
<ul>
<li><a href="#ref-for-enumdef-autoplaypolicy">2.2.1. Query by a Constructor</a> <a href="#ref-for-enumdef-autoplaypolicy①">(2)</a>
<li><a href="#ref-for-enumdef-autoplaypolicy②">2.2.2. Query by a Element</a> <a href="#ref-for-enumdef-autoplaypolicy③">(2)</a>
<li><a href="#ref-for-enumdef-autoplaypolicy②">2.2.2. Query by an Element</a> <a href="#ref-for-enumdef-autoplaypolicy③">(2)</a>
</ul>
</aside>
<aside class="dfn-panel" data-for="dom-autoplaypolicy-allowed">
<b><a href="#dom-autoplaypolicy-allowed">#dom-autoplaypolicy-allowed</a></b><b>Referenced in:</b>
<ul>
<li><a href="#ref-for-dom-autoplaypolicy-allowed">2.1. Autoplay Policy Enum</a> <a href="#ref-for-dom-autoplaypolicy-allowed①">(2)</a>
<li><a href="#ref-for-dom-autoplaypolicy-allowed②">2.2.1. Query by a Constructor</a> <a href="#ref-for-dom-autoplaypolicy-allowed③">(2)</a> <a href="#ref-for-dom-autoplaypolicy-allowed④">(3)</a>
<li><a href="#ref-for-dom-autoplaypolicy-allowed⑤">2.2.2. Query by a Element</a>
<li><a href="#ref-for-dom-autoplaypolicy-allowed⑤">2.2.2. Query by an Element</a>
</ul>
</aside>
<aside class="dfn-panel" data-for="dom-autoplaypolicy-allowed-muted">
<b><a href="#dom-autoplaypolicy-allowed-muted">#dom-autoplaypolicy-allowed-muted</a></b><b>Referenced in:</b>
<ul>
<li><a href="#ref-for-dom-autoplaypolicy-allowed-muted">2.1. Autoplay Policy Enum</a> <a href="#ref-for-dom-autoplaypolicy-allowed-muted①">(2)</a>
<li><a href="#ref-for-dom-autoplaypolicy-allowed-muted②">2.2.1. Query by a Constructor</a>
<li><a href="#ref-for-dom-autoplaypolicy-allowed-muted③">2.2.2. Query by a Element</a>
<li><a href="#ref-for-dom-autoplaypolicy-allowed-muted③">2.2.2. Query by an Element</a>
</ul>
</aside>
<aside class="dfn-panel" data-for="dom-autoplaypolicy-inaudible-media-element">
<b><a href="#dom-autoplaypolicy-inaudible-media-element">#dom-autoplaypolicy-inaudible-media-element</a></b><b>Referenced in:</b>
<ul>
<li><a href="#ref-for-dom-autoplaypolicy-inaudible-media-element">2.2.1. Query by a Constructor</a>
<li><a href="#ref-for-dom-autoplaypolicy-inaudible-media-element①">2.2.2. Query by a Element</a>
<li><a href="#ref-for-dom-autoplaypolicy-inaudible-media-element①">2.2.2. Query by an Element</a>
</ul>
</aside>
<aside class="dfn-panel" data-for="dom-autoplaypolicy-disallowed">
<b><a href="#dom-autoplaypolicy-disallowed">#dom-autoplaypolicy-disallowed</a></b><b>Referenced in:</b>
<ul>
<li><a href="#ref-for-dom-autoplaypolicy-disallowed">2.1. Autoplay Policy Enum</a> <a href="#ref-for-dom-autoplaypolicy-disallowed①">(2)</a>
<li><a href="#ref-for-dom-autoplaypolicy-disallowed②">2.2.1. Query by a Constructor</a> <a href="#ref-for-dom-autoplaypolicy-disallowed③">(2)</a> <a href="#ref-for-dom-autoplaypolicy-disallowed④">(3)</a> <a href="#ref-for-dom-autoplaypolicy-disallowed⑤">(4)</a> <a href="#ref-for-dom-autoplaypolicy-disallowed⑥">(5)</a>
<li><a href="#ref-for-dom-autoplaypolicy-disallowed⑦">2.2.2. Query by a Element</a>
<li><a href="#ref-for-dom-autoplaypolicy-disallowed⑦">2.2.2. Query by an Element</a>
</ul>
</aside>
<aside class="dfn-panel" data-for="callbackdef-htmlmediaelementconstructor">
Expand Down

0 comments on commit f370977

Please sign in to comment.