- From: CVS User pjgenste <cvsmail@w3.org>
- Date: Thu, 16 Oct 2014 11:21:06 +0000
- To: public-html-commits@w3.org
Update of /sources/public/html5/webvtt
In directory roscoe:/tmp/cvs-serv28210
Modified Files:
webvtt-staged-snapshot.html
Log Message:
Sync WebVTT with Git commit fa9110535bb3ca98b1d105bedb7423cb0f0731bd
--- /sources/public/html5/webvtt/webvtt-staged-snapshot.html 2014/10/15 21:57:24 1.2
+++ /sources/public/html5/webvtt/webvtt-staged-snapshot.html 2014/10/16 11:21:06 1.3
@@ -7,6 +7,31 @@
<!-- script to register bugs -->
<script src="https://dvcs.w3.org/hg/webcomponents/raw-file/tip/assets/scripts/bug-assist.js"></script>
+ <script class="snapshot">
+ document.addEventListener("DOMContentLoaded", function() {
+ if (window.respecConfig) {
+ // Building with ReSpec. Remove the note from the output of the CG-DRAFT.
+ if (respecConfig.specStatus == "CG-DRAFT") {
+ var elements = document.getElementsByClassName("snapshot");
+ for (var i = elements.length - 1; i >= 0; i--) {
+ elements[i].parentNode.removeChild(elements[i]);
+ }
+ }
+ } else {
+ // Static snapshot. Show the note if it hasn't already been dismissed.
+ var snapshot = document.body.getElementsByClassName("snapshot")[0];
+ var button = snapshot.getElementsByTagName("button")[0];
+ button.addEventListener("click", function() {
+ snapshot.setAttribute("hidden", "");
+ localStorage["webvtt-snapshot-note"] = "hidden";
+ }, false);
+ var hidden = localStorage["webvtt-snapshot-note"] == "hidden";
+ if (!hidden) {
+ snapshot.removeAttribute("hidden");
+ }
+ }
+ }, false);
+ </script>
<meta name="bug.product" content="TextTracks CG">
<meta name="bug.component" content="WebVTT">
<style>
@@ -113,6 +138,17 @@
top: 100px !important;
}
</style>
+ <style class="snapshot">
+ .snapshot {
+ position: fixed;
+ bottom: 0;
+ outline: 2px solid white;
+ z-index: 2;
+ }
+ .snapshot .note {
+ margin: 0;
+ }
+ </style>
<style>/*****************************************************************
* ReSpec 3 CSS
* Robin Berjon - http://berjon.com/
@@ -278,11 +314,11 @@
</p>
<h1 class="title p-name" id="title">WebVTT: The Web Video Text Tracks Format</h1>
- <h2 id="w3c-first-public-working-draft-15-october-2014"><abbr title="World Wide Web Consortium">W3C</abbr> First Public Working Draft <time class="dt-published" datetime="2014-10-15">15 October 2014</time></h2>
+ <h2 id="w3c-first-public-working-draft-16-october-2014"><abbr title="World Wide Web Consortium">W3C</abbr> First Public Working Draft <time class="dt-published" datetime="2014-10-16">16 October 2014</time></h2>
<dl>
<dt>This version:</dt>
- <dd><a class="u-url" href="http://www.w3.org/TR/2014/WD-webvtt1-20141015/">http://www.w3.org/TR/2014/WD-webvtt1-20141015/</a></dd>
+ <dd><a class="u-url" href="http://www.w3.org/TR/2014/WD-webvtt1-20141016/">http://www.w3.org/TR/2014/WD-webvtt1-20141016/</a></dd>
<dt>Latest published version:</dt>
<dd><a href="http://www.w3.org/TR/webvtt1/">http://www.w3.org/TR/webvtt1/</a></dd>
@@ -352,6 +388,12 @@
<hr>
</div>
+ <div class="snapshot" hidden="">
+ <div class="note"><div class="note-title" aria-level="0" role="heading" id="h_note_1"><span>Note</span></div><p class="">This is a snapshot! For the latest updates, possibly including important bug
+ fixes, please look at the <a href="http://dev.w3.org/html5/webvtt/">editor's draft</a> instead.
+ <button>Dismiss</button></p></div>
+ </div>
+
<section id="abstract" class="introductory"><h2 role="heading" id="h2_abstract">Abstract</h2>
<p>This specification defines WebVTT, the Web Video Text Tracks format. Its main use is for
marking up external text track resources in connection with the HTML <track> element.</p>
@@ -913,11 +955,11 @@
<p>The cue box of a <a href="#dfn-text-track-cue" class="internalDFN">text track cue</a> is a box within which the text of all lines of the
cue is to be rendered.</p>
- <div class="note"><div class="note-title" aria-level="2" role="heading" id="h_note_1"><span>Note</span></div><p class="">The position of the <a title="text track cue box" href="#dfn-text-track-cue-box" class="internalDFN">cue box</a> within the video
+ <div class="note"><div class="note-title" aria-level="2" role="heading" id="h_note_2"><span>Note</span></div><p class="">The position of the <a title="text track cue box" href="#dfn-text-track-cue-box" class="internalDFN">cue box</a> within the video
frame's dimensions depends on the value of the <a href="#dfn-text-track-cue-text-position" class="internalDFN">text track cue text position</a> and the
<a href="#dfn-text-track-cue-line-position" class="internalDFN">text track cue line position</a>.</p></div>
- <div class="note"><div class="note-title" aria-level="2" role="heading" id="h_note_2"><span>Note</span></div><p class="">Lines are wrapped within the <a title="text track cue box" href="#dfn-text-track-cue-box" class="internalDFN">cue box</a>'s <a title="text track cue size" href="#dfn-text-track-cue-size" class="internalDFN">size</a> if lines' lengths make this necessary.</p></div>
+ <div class="note"><div class="note-title" aria-level="2" role="heading" id="h_note_3"><span>Note</span></div><p class="">Lines are wrapped within the <a title="text track cue box" href="#dfn-text-track-cue-box" class="internalDFN">cue box</a>'s <a title="text track cue size" href="#dfn-text-track-cue-size" class="internalDFN">size</a> if lines' lengths make this necessary.</p></div>
</dd>
@@ -1086,10 +1128,10 @@
</ol>
- <div class="note"><div class="note-title" aria-level="2" role="heading" id="h_note_3"><span>Note</span></div><p class="">Since the default value of the <a href="#dfn-text-track-cue-text-alignment" class="internalDFN">text track cue text alignment</a> is <a title="text track cue middle alignment" href="#dfn-text-track-cue-middle-alignment" class="internalDFN">middle</a>, if there is no <a href="#dfn-text-track-cue-text-alignment" class="internalDFN">text track cue text
+ <div class="note"><div class="note-title" aria-level="2" role="heading" id="h_note_4"><span>Note</span></div><p class="">Since the default value of the <a href="#dfn-text-track-cue-text-alignment" class="internalDFN">text track cue text alignment</a> is <a title="text track cue middle alignment" href="#dfn-text-track-cue-middle-alignment" class="internalDFN">middle</a>, if there is no <a href="#dfn-text-track-cue-text-alignment" class="internalDFN">text track cue text
alignment</a> setting for a cue, the <a href="#dfn-text-track-cue-text-position" class="internalDFN">text track cue text position</a> defaults to 50%.</p></div>
- <div class="note"><div class="note-title" aria-level="2" role="heading" id="h_note_4"><span>Note</span></div><p class="">Even for <a title="text track cue horizontal writing direction" href="#dfn-text-track-cue-horizontal-writing-direction" class="internalDFN">horizontal</a>
+ <div class="note"><div class="note-title" aria-level="2" role="heading" id="h_note_5"><span>Note</span></div><p class="">Even for <a title="text track cue horizontal writing direction" href="#dfn-text-track-cue-horizontal-writing-direction" class="internalDFN">horizontal</a>
cues with right-to-left <i>paragraph direction</i> text, the <a title="text track cue box" href="#dfn-text-track-cue-box" class="internalDFN">cue
box</a> is positioned from the left edge of the video frame. This allows defining a rendering
space template which can be filled with either left-to-right or right-to-left <i>paragraph
@@ -1151,7 +1193,7 @@
</ol>
- <div class="note"><div class="note-title" aria-level="2" role="heading" id="h_note_5"><span>Note</span></div><p class="">Since the <a href="#dfn-text-track-cue-text-position" class="internalDFN">text track cue text position</a> always measures from the left of
+ <div class="note"><div class="note-title" aria-level="2" role="heading" id="h_note_6"><span>Note</span></div><p class="">Since the <a href="#dfn-text-track-cue-text-position" class="internalDFN">text track cue text position</a> always measures from the left of
the video (for <a title="text track cue horizontal writing direction" href="#dfn-text-track-cue-horizontal-writing-direction" class="internalDFN">horizontal</a> cues) or
the top (otherwise), the <a href="#dfn-text-track-cue-text-position-alignment" class="internalDFN">text track cue text position alignment</a> <a title="text track
cue text position start alignment" href="#dfn-text-track-cue-text-position-start-alignment" class="internalDFN">start value</a> varies between left and top for horizontal
@@ -1378,7 +1420,7 @@
<li>A <a href="#dfn-webvtt-line-terminator" class="internalDFN">WebVTT line terminator</a>.</li>
</ol>
- <div class="note"><div class="note-title" aria-level="2" role="heading" id="h_note_6"><span>Note</span></div><p class="">A <a href="#dfn-webvtt-cue" class="internalDFN">WebVTT cue</a> corresponds to one piece of time-aligned text or data in the
+ <div class="note"><div class="note-title" aria-level="2" role="heading" id="h_note_7"><span>Note</span></div><p class="">A <a href="#dfn-webvtt-cue" class="internalDFN">WebVTT cue</a> corresponds to one piece of time-aligned text or data in the
<a href="#dfn-webvtt-file" class="internalDFN">WebVTT file</a>, for example one subtitle. The <a href="#dfn-cue-payload" class="internalDFN">cue payload</a> is the text or data
associated with the cue.</p></div>
@@ -1391,7 +1433,7 @@
identifier" href="#dfn-webvtt-cue-identifier" class="internalDFN">WebVTT cue identifiers</a> of all <a title="WebVTT cue" href="#dfn-webvtt-cue" class="internalDFN">WebVTT cues</a> of a
<a href="#dfn-webvtt-file" class="internalDFN">WebVTT file</a>.</p>
- <div class="note"><div class="note-title" aria-level="2" role="heading" id="h_note_7"><span>Note</span></div><p class="">A <a href="#dfn-webvtt-cue-identifier" class="internalDFN">WebVTT cue identifier</a> can be used to reference a specific cue, for
+ <div class="note"><div class="note-title" aria-level="2" role="heading" id="h_note_8"><span>Note</span></div><p class="">A <a href="#dfn-webvtt-cue-identifier" class="internalDFN">WebVTT cue identifier</a> can be used to reference a specific cue, for
example from script or CSS.</p></div>
<p>The <dfn id="dfn-webvtt-cue-timings">WebVTT cue timings</dfn> part of a <a href="#dfn-webvtt-cue" class="internalDFN">WebVTT cue</a> consists of the following
@@ -1418,14 +1460,14 @@
</ol>
- <div class="note"><div class="note-title" aria-level="2" role="heading" id="h_note_8"><span>Note</span></div><p class="">The <a href="#dfn-webvtt-cue-timings" class="internalDFN">WebVTT cue timings</a> give the start and end offsets of the <a href="#dfn-webvtt-cue" class="internalDFN">WebVTT
+ <div class="note"><div class="note-title" aria-level="2" role="heading" id="h_note_9"><span>Note</span></div><p class="">The <a href="#dfn-webvtt-cue-timings" class="internalDFN">WebVTT cue timings</a> give the start and end offsets of the <a href="#dfn-webvtt-cue" class="internalDFN">WebVTT
cue</a>. Different cues can overlap. Cues are always listed ordered by their start time.</p></div>
<p>A <dfn id="dfn-webvtt-timestamp">WebVTT timestamp</dfn> can be either a <a title="complete WebVTT timestamp" href="#dfn-complete-webvtt-timestamp" class="internalDFN">WebVTT
timestamp representing hours, minutes, seconds and thousandths of a second</a> or a <a title="partial WebVTT timestamp" href="#dfn-partial-webvtt-timestamp" class="internalDFN">WebVTT timestamp representing a time in seconds and fractions
of a second</a>.</p>
- <div class="note"><div class="note-title" aria-level="2" role="heading" id="h_note_9"><span>Note</span></div><p class="">A <a href="#dfn-webvtt-timestamp" class="internalDFN">WebVTT timestamp</a> is always interpreted relative to the <a href="#dfn-current-playback-position" class="internalDFN">current
+ <div class="note"><div class="note-title" aria-level="2" role="heading" id="h_note_10"><span>Note</span></div><p class="">A <a href="#dfn-webvtt-timestamp" class="internalDFN">WebVTT timestamp</a> is always interpreted relative to the <a href="#dfn-current-playback-position" class="internalDFN">current
playback position</a> of the media data that the WebVTT file is to be synchronized with, which
always starts at 0.</p></div>
@@ -1548,7 +1590,7 @@
<li>A <a href="#dfn-webvtt-line-terminator" class="internalDFN">WebVTT line terminator</a>.</li>
</ol>
- <div class="note"><div class="note-title" aria-level="2" role="heading" id="h_note_10"><span>Note</span></div><p class="">A <a href="#dfn-webvtt-comment" class="internalDFN">WebVTT comment</a> is ignored by the parser.</p></div>
+ <div class="note"><div class="note-title" aria-level="2" role="heading" id="h_note_11"><span>Note</span></div><p class="">A <a href="#dfn-webvtt-comment" class="internalDFN">WebVTT comment</a> is ignored by the parser.</p></div>
</section><!-- end comments -->
@@ -1810,7 +1852,7 @@
<li>A <a href="#dfn-webvtt-region-scroll-setting" class="internalDFN">WebVTT region scroll setting</a>.</li>
</ul>
- <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_11"><span>Note</span></div><p class="">The <a href="#dfn-webvtt-region-setting-list" class="internalDFN">WebVTT region setting list</a> gives configuration options regarding the
+ <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_12"><span>Note</span></div><p class="">The <a href="#dfn-webvtt-region-setting-list" class="internalDFN">WebVTT region setting list</a> gives configuration options regarding the
dimensions, positioning and anchoring of the region. For example, it allows a group of cues
within a region to be anchored in the center of the region and the center of the video
viewport. In this example, when the font size grows, the region grows uniformly in all
@@ -1831,7 +1873,7 @@
identifier" href="#dfn-webvtt-region-identifier" class="internalDFN">WebVTT region identifiers</a> of all <a title="WebVTT region" href="#dfn-webvtt-region" class="internalDFN">WebVTT regions</a> of
a <a href="#dfn-webvtt-file" class="internalDFN">WebVTT file</a>.</p>
- <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_12"><span>Note</span></div><p class="">The <a href="#dfn-webvtt-region-identifier" class="internalDFN">WebVTT region identifier</a> gives a name to the region so it can be
+ <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_13"><span>Note</span></div><p class="">The <a href="#dfn-webvtt-region-identifier" class="internalDFN">WebVTT region identifier</a> gives a name to the region so it can be
referenced by the cues that belong to the region.</p></div>
<p>A <dfn id="dfn-webvtt-region-width-setting">WebVTT region width setting</dfn> consists of the following components, in the order
@@ -1841,7 +1883,7 @@
<li><p>A U+003D EQUALS SIGN character (=).</p></li>
<li><p>A <a href="#dfn-webvtt-percentage" class="internalDFN">WebVTT percentage</a>.</p></li>
</ol>
- <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_13"><span>Note</span></div><p class="">The <a href="#dfn-webvtt-region-width-setting" class="internalDFN">WebVTT region width setting</a> provides a fixed width as a percentage
+ <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_14"><span>Note</span></div><p class="">The <a href="#dfn-webvtt-region-width-setting" class="internalDFN">WebVTT region width setting</a> provides a fixed width as a percentage
of the video width for the region into which cues are rendered and based on which alignment is
calculated.</p></div>
@@ -1852,7 +1894,7 @@
<li><p>A U+003D EQUALS SIGN character (=).</p></li>
<li><p>One or more <a href="#dfn-ascii-digits" class="internalDFN">ASCII digits</a>.</p></li>
</ol>
- <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_14"><span>Note</span></div><p class="">The <a href="#dfn-webvtt-region-lines-setting" class="internalDFN">WebVTT region lines setting</a> provides a fixed height as a number of
+ <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_15"><span>Note</span></div><p class="">The <a href="#dfn-webvtt-region-lines-setting" class="internalDFN">WebVTT region lines setting</a> provides a fixed height as a number of
lines for the region into which cues are rendered. As such, it defines the height of the
roll-up region if it is a scroll region.</p></div>
@@ -1865,7 +1907,7 @@
<li><p>A U+002C COMMA character (,).</p></li>
<li><p>A <a href="#dfn-webvtt-percentage" class="internalDFN">WebVTT percentage</a>.</p></li>
</ol>
- <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_15"><span>Note</span></div><p class="">The <a href="#dfn-webvtt-region-anchor-setting" class="internalDFN">WebVTT region anchor setting</a> provides a tuple of two percentages
+ <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_16"><span>Note</span></div><p class="">The <a href="#dfn-webvtt-region-anchor-setting" class="internalDFN">WebVTT region anchor setting</a> provides a tuple of two percentages
that specify the point within the region box that is fixed in location. The first percentage
measures the x-dimension and the second percentage y-dimension from the top left corner of the
region box. If no <a href="#dfn-webvtt-region-anchor-setting" class="internalDFN">WebVTT region anchor setting</a> is given, the anchor defaults to 0%, 100%
@@ -1880,13 +1922,13 @@
<li><p>A U+002C COMMA character (,).</p></li>
<li><p>A <a href="#dfn-webvtt-percentage" class="internalDFN">WebVTT percentage</a>.</p></li>
</ol>
- <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_16"><span>Note</span></div><p class="">The <a href="#dfn-webvtt-region-viewport-anchor-setting" class="internalDFN">WebVTT region viewport anchor setting</a> provides a tuple of two
+ <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_17"><span>Note</span></div><p class="">The <a href="#dfn-webvtt-region-viewport-anchor-setting" class="internalDFN">WebVTT region viewport anchor setting</a> provides a tuple of two
percentages that specify the point within the video viewport that the region anchor point is
anchored to. The first percentage measures the x-dimension and the second percentage measures
the y-dimension from the top left corner of the video viewport box. If no viewport anchor is
given, it defaults to 0%, 100% (i.e. the bottom left corner).</p></div>
- <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_17"><span>Note</span></div><p class="">For browsers, the region maps to an absolute positioned CSS box relative to
+ <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_18"><span>Note</span></div><p class="">For browsers, the region maps to an absolute positioned CSS box relative to
the video viewport, i.e. there is a relative positioned box that represents the video viewport
relative to which the regions are absolutely positioned. Overflow is hidden.</p></div>
@@ -1897,19 +1939,19 @@
<li><p>A U+003D EQUALS SIGN character (=).</p></li>
<li><p>The string "<code>up</code>".</p></li>
</ol>
- <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_18"><span>Note</span></div><p class="">The <a href="#dfn-webvtt-region-scroll-setting" class="internalDFN">WebVTT region scroll setting</a> specifies whether cues rendered into
+ <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_19"><span>Note</span></div><p class="">The <a href="#dfn-webvtt-region-scroll-setting" class="internalDFN">WebVTT region scroll setting</a> specifies whether cues rendered into
the region are allowed to move out of their initial rendering place and roll up, i.e. move
towards the top of the video viewport. If the scroll setting is omitted, cues do not move from
their rendered position.</p></div>
- <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_19"><span>Note</span></div><p class="">Cues are added to a region one line at a time below existing cue lines. When an
+ <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_20"><span>Note</span></div><p class="">Cues are added to a region one line at a time below existing cue lines. When an
existing rendered cue line is removed, and it was above another already rendered cue line, that
cue line moves into its space, thus scrolling in the given direction. If there is not enough
space for a new cue line to be added to a region, the top-most cue line is pushed off the
visible region (thus slowly becoming invisible as it moves into overflow:hidden). This
eventually makes space for the new cue line and allows it to be added.</p></div>
- <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_20"><span>Note</span></div><p class="">When there is no scroll direction, cue lines are added in the empty line
+ <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_21"><span>Note</span></div><p class="">When there is no scroll direction, cue lines are added in the empty line
closest to the line in the bottom of the region. If no empty line is available, the oldest line
is replaced.</p></div>
@@ -1930,7 +1972,7 @@
<li>A <a href="#dfn-webvtt-region-cue-setting" class="internalDFN">WebVTT region cue setting</a>.</li>
</ul>
- <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_21"><span>Note</span></div><p class="">A <a href="#dfn-webvtt-cue-settings-list" class="internalDFN">WebVTT cue settings list</a> gives configuration options regarding the
+ <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_22"><span>Note</span></div><p class="">A <a href="#dfn-webvtt-cue-settings-list" class="internalDFN">WebVTT cue settings list</a> gives configuration options regarding the
position and alignment of the cue box and the cue text within. For example, it allows a cue box
to be aligned to the left or positioned at the top right with the cue text within middle
aligned.</p></div>
@@ -1945,7 +1987,7 @@
"<code>lr</code>".</li>
</ol>
- <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_22"><span>Note</span></div><p class="">A <a href="#dfn-webvtt-vertical-text-cue-setting" class="internalDFN">WebVTT vertical text cue setting</a> configures the cue to use vertical
+ <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_23"><span>Note</span></div><p class="">A <a href="#dfn-webvtt-vertical-text-cue-setting" class="internalDFN">WebVTT vertical text cue setting</a> configures the cue to use vertical
text layout rather than horizontal text layout. Vertical text layout is sometimes used in
Japanese, for example. The default is horizontal layout.</p></div>
@@ -1986,7 +2028,7 @@
</li>
</ol>
- <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_23"><span>Note</span></div><p class="">A <a href="#dfn-webvtt-line-position-cue-setting" class="internalDFN">WebVTT line position cue setting</a> configures the position of the cue
+ <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_24"><span>Note</span></div><p class="">A <a href="#dfn-webvtt-line-position-cue-setting" class="internalDFN">WebVTT line position cue setting</a> configures the position of the cue
box in the direction opposite to the <a title="text track cue writing direction" href="#dfn-text-track-cue-writing-direction" class="internalDFN">writing
direction</a>. For horizontal cues, this is the vertical position. The positioning is
calculated relative to the <a title="text track cue line start alignment" href="#dfn-text-track-cue-line-start-alignment" class="internalDFN">start</a>, <a title="text track cue line middle alignment" href="#dfn-text-track-cue-line-middle-alignment" class="internalDFN">middle</a>, or <a title="text track cue line end
@@ -2019,7 +2061,7 @@
</li>
</ol>
- <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_24"><span>Note</span></div><p class="">A <a href="#dfn-webvtt-text-position-cue-setting" class="internalDFN">WebVTT text position cue setting</a> configures the position of the <a title="text track cue box" href="#dfn-text-track-cue-box" class="internalDFN">cue box</a> in the direction orthogonal to the <a href="#dfn-webvtt-line-position-cue-setting" class="internalDFN">WebVTT line
+ <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_25"><span>Note</span></div><p class="">A <a href="#dfn-webvtt-text-position-cue-setting" class="internalDFN">WebVTT text position cue setting</a> configures the position of the <a title="text track cue box" href="#dfn-text-track-cue-box" class="internalDFN">cue box</a> in the direction orthogonal to the <a href="#dfn-webvtt-line-position-cue-setting" class="internalDFN">WebVTT line
position cue setting</a>. For horizontal cues, this is the horizontal position. The text
position is given as a percentage of the video frame. The positioning is calculated relative to
the <a title="text track cue text position start alignment" href="#dfn-text-track-cue-text-position-start-alignment" class="internalDFN">start</a>, <a title="text track cue
@@ -2037,7 +2079,7 @@
<li><p>As the <a href="#dfn-webvtt-cue-setting-value" class="internalDFN">WebVTT cue setting value</a>: a <a href="#dfn-webvtt-percentage" class="internalDFN">WebVTT percentage</a>.</p></li>
</ol>
- <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_25"><span>Note</span></div><p class="">A <a href="#dfn-webvtt-size-cue-setting" class="internalDFN">WebVTT size cue setting</a> configures the size of the <a title="text
+ <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_26"><span>Note</span></div><p class="">A <a href="#dfn-webvtt-size-cue-setting" class="internalDFN">WebVTT size cue setting</a> configures the size of the <a title="text
track cue box" href="#dfn-text-track-cue-box" class="internalDFN">cue box</a> in the same direction as the <a href="#dfn-webvtt-text-position-cue-setting" class="internalDFN">WebVTT text position cue
setting</a>. For horizontal cues, this is the width of the <a title="text track cue box" href="#dfn-text-track-cue-box" class="internalDFN">cue
box</a>. It is given as a percentage of the width of the frame.</p></div>
@@ -2052,7 +2094,7 @@
"<code>middle</code>", "<code>end</code>", "<code>left</code>", "<code>right</code>"</li>
</ol>
- <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_26"><span>Note</span></div><p class="">A <a href="#dfn-webvtt-alignment-cue-setting" class="internalDFN">WebVTT alignment cue setting</a> configures the alignment of the text
+ <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_27"><span>Note</span></div><p class="">A <a href="#dfn-webvtt-alignment-cue-setting" class="internalDFN">WebVTT alignment cue setting</a> configures the alignment of the text
within the cue. The keywords are relative to the text direction; for left-to-right English
text, "<code>start</code>" means left-aligned.</p></div>
@@ -2068,7 +2110,7 @@
GREATER-THAN SIGN).</p></li>
</ol>
- <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_27"><span>Note</span></div><p class="">A <a href="#dfn-webvtt-region-cue-setting" class="internalDFN">WebVTT region cue setting</a> configures a cue to become part of a region
+ <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_28"><span>Note</span></div><p class="">A <a href="#dfn-webvtt-region-cue-setting" class="internalDFN">WebVTT region cue setting</a> configures a cue to become part of a region
by referencing the region's identifier unless the cue has a <a title="WebVTT vertical text cue
setting" href="#dfn-webvtt-vertical-text-cue-setting" class="internalDFN">"vertical"</a>, <a title="WebVTT line position cue setting" href="#dfn-webvtt-line-position-cue-setting" class="internalDFN">"line"</a> or <a title="WebVTT size cue setting" href="#dfn-webvtt-size-cue-setting" class="internalDFN">"size"</a> cue setting. If a cue is part of a region, its cue
settings for <a title="WebVTT text position cue setting" href="#dfn-webvtt-text-position-cue-setting" class="internalDFN">"position"</a> and <a title="WebVTT
@@ -3384,7 +3426,7 @@
be an end-of-file marker. Otherwise, let <var>c</var> be the character in <var>input</var>
pointed to by <var>position</var>.</p>
- <div class="note"><div class="note-title" aria-level="2" role="heading" id="h_note_28"><span>Note</span></div><p class="">An end-of-file marker is not a Unicode character, it is used to end the
+ <div class="note"><div class="note-title" aria-level="2" role="heading" id="h_note_29"><span>Note</span></div><p class="">An end-of-file marker is not a Unicode character, it is used to end the
tokenizer.</p></div>
</li>
@@ -4050,7 +4092,7 @@
depth-first traversal, excluding <a title="WebVTT Ruby Text Object" href="#dfn-webvtt-ruby-text-object" class="internalDFN">WebVTT Ruby Text
Objects</a> and their descendants, to determine the <i>paragraph embedding level</i> of
the first Unicode paragraph of the cue. <a href="#refsBIDI">[BIDI]</a></p>
- <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_29"><span>Note</span></div><p class="">Within a cue, paragraph boundaries are only denoted by Type B characters,
+ <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_30"><span>Note</span></div><p class="">Within a cue, paragraph boundaries are only denoted by Type B characters,
such as U+000A LINE FEED (LF), U+0085 NEXT LINE (NEL), and U+2029 PARAGRAPH SEPARATOR.
(This means each line of the cue is reordered as if it was a separate paragraph.)</p></div>
</li>
@@ -4130,7 +4172,7 @@
their descendants, to determine the <i>paragraph embedding level</i> of the first Unicode
paragraph of the cue. <a href="#refsBIDI">[BIDI]</a></p>
- <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_30"><span>Note</span></div><p class="">Within a cue, paragraph boundaries are only denoted by Type B characters,
+ <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_31"><span>Note</span></div><p class="">Within a cue, paragraph boundaries are only denoted by Type B characters,
such as U+000A LINE FEED (LF), U+0085 NEXT LINE (NEL), and U+2029 PARAGRAPH SEPARATOR. (This
means each line of the cue is reordered as if it was a separate paragraph.)</p></div>
@@ -4299,7 +4341,7 @@
</dl>
- <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_31"><span>Note</span></div><p class="">These are not final positions, they are merely temporary positions used to
+ <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_32"><span>Note</span></div><p class="">These are not final positions, they are merely temporary positions used to
calculate box dimensions below.</p></div>
</li>
@@ -4891,7 +4933,7 @@
following sections affect the styling of parts of <a title="text track cue" href="#dfn-text-track-cue" class="internalDFN">text track cues</a>
that are being rendered for the <i>matched element</i>.</p>
- <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_32"><span>Note</span></div><p class="">If the <i>matched element</i> is not a <a href="#dfn-video" class="internalDFN"><code>video</code></a> element, the
+ <div class="note"><div class="note-title" aria-level="3" role="heading" id="h_note_33"><span>Note</span></div><p class="">If the <i>matched element</i> is not a <a href="#dfn-video" class="internalDFN"><code>video</code></a> element, the
pseudo-elements defined below won't have any effect according to this specification.</p></div>
<p>A CSS user agent that implements the <a title="text track" href="#dfn-text-track" class="internalDFN">text tracks</a> model must
@@ -5097,7 +5139,7 @@
section, that element is the matched element. The pseudo-element defined below affects the
styling of text track regions that are being rendered for the matched element.</p>
- <div class="note"><div class="note-title" aria-level="4" role="heading" id="h_note_33"><span>Note</span></div><p class="">If the matched element is not a video element, the pseudo-element defined
+ <div class="note"><div class="note-title" aria-level="4" role="heading" id="h_note_34"><span>Note</span></div><p class="">If the matched element is not a video element, the pseudo-element defined
below won't have any effect according to this specification.</p></div>
<p>The '<dfn title="pseudo-region" id="dfn-pseudo-region">::cue-region</dfn>' pseudo-element (with no argument)
@@ -5759,7 +5801,7 @@
<li> 57 45 42 56 54 54 09 </li>
<li> 57 45 42 56 54 54 EOF </li>
</ul>
- <div class="note"><div class="note-title" aria-level="2" role="heading" id="h_note_34"><span>Note</span></div><p class="">(An optional UTF-8 BOM, the ASCII string "<code>WEBVTT</code>", and finally
+ <div class="note"><div class="note-title" aria-level="2" role="heading" id="h_note_35"><span>Note</span></div><p class="">(An optional UTF-8 BOM, the ASCII string "<code>WEBVTT</code>", and finally
a space, tab, line break, or the end of the file.)</p></div>
</dd>
<dt>File extension(s):</dt>
Received on Thursday, 16 October 2014 11:21:09 UTC