[html5] r5878 - [giow] (0) Define that <video>'s default letterboxing is the result of CSS 'obje [...]

[whatwg at whatwg.org]

Author: ianh
Date: 2011-02-11 15:26:18 -0800 (Fri, 11 Feb 2011)
New Revision: 5878

Modified:
   complete.html
   index
   source
Log:
[giow] (0) Define that <video>'s default letterboxing is the result of CSS 'object-fit'
Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=11386

Modified: complete.html
===================================================================
--- complete.html	2011-02-11 23:15:22 UTC (rev 5877)
+++ complete.html	2011-02-11 23:26:18 UTC (rev 5878)
@@ -24914,15 +24914,20 @@
 
   <div class=impl>
 
-  <p>Video content should be rendered inside the element's playback
-  area such that the video content is shown centered in the playback
-  area at the largest possible size that fits completely within it,
-  with the video content's aspect ratio being preserved. Thus, if the
-  aspect ratio of the playback area does not match the aspect ratio of
-  the video, the video will be shown letterboxed or pillarboxed. Areas
-  of the element's playback area that do not contain the video
-  represent nothing.</p>
+  <p>In the absence of style rules to the contrary, video content
+  should be rendered inside the element's playback area such that the
+  video content is shown centered in the playback area at the largest
+  possible size that fits completely within it, with the video
+  content's aspect ratio being preserved. Thus, if the aspect ratio of
+  the playback area does not match the aspect ratio of the video, the
+  video will be shown letterboxed or pillarboxed. Areas of the
+  element's playback area that do not contain the video represent
+  nothing.</p>
 
+  <p class=note>In user agents that implement CSS, the above
+  requirement can be implemented by using the <a href=#video-object-fit>style rule suggested in the rendering
+  section</a>.</p>
+
   <p>The intrinsic width of a <code><a href=#video>video</a></code> element's playback
   area is the <a href=#concept-video-intrinsic-width title=concept-video-intrinsic-width>intrinsic
   width</a> of the video resource, if that is available; otherwise
@@ -86604,7 +86609,8 @@
 
   <pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
 
-iframe:not([seamless]) { border: 2px inset; }</pre>
+iframe:not([seamless]) { border: 2px inset; }
+<span id=video-object-fit>video { object-fit: contain; }</span></pre>
 
   </div>
 

Modified: index
===================================================================
--- index	2011-02-11 23:15:22 UTC (rev 5877)
+++ index	2011-02-11 23:26:18 UTC (rev 5878)
@@ -24897,15 +24897,20 @@
 
   <div class=impl>
 
-  <p>Video content should be rendered inside the element's playback
-  area such that the video content is shown centered in the playback
-  area at the largest possible size that fits completely within it,
-  with the video content's aspect ratio being preserved. Thus, if the
-  aspect ratio of the playback area does not match the aspect ratio of
-  the video, the video will be shown letterboxed or pillarboxed. Areas
-  of the element's playback area that do not contain the video
-  represent nothing.</p>
+  <p>In the absence of style rules to the contrary, video content
+  should be rendered inside the element's playback area such that the
+  video content is shown centered in the playback area at the largest
+  possible size that fits completely within it, with the video
+  content's aspect ratio being preserved. Thus, if the aspect ratio of
+  the playback area does not match the aspect ratio of the video, the
+  video will be shown letterboxed or pillarboxed. Areas of the
+  element's playback area that do not contain the video represent
+  nothing.</p>
 
+  <p class=note>In user agents that implement CSS, the above
+  requirement can be implemented by using the <a href=#video-object-fit>style rule suggested in the rendering
+  section</a>.</p>
+
   <p>The intrinsic width of a <code><a href=#video>video</a></code> element's playback
   area is the <a href=#concept-video-intrinsic-width title=concept-video-intrinsic-width>intrinsic
   width</a> of the video resource, if that is available; otherwise
@@ -82575,7 +82580,8 @@
 
   <pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
 
-iframe:not([seamless]) { border: 2px inset; }</pre>
+iframe:not([seamless]) { border: 2px inset; }
+<span id=video-object-fit>video { object-fit: contain; }</span></pre>
 
   </div>
 

Modified: source
===================================================================
--- source	2011-02-11 23:15:22 UTC (rev 5877)
+++ source	2011-02-11 23:26:18 UTC (rev 5878)
@@ -26762,15 +26762,21 @@
 
   <div class="impl">
 
-  <p>Video content should be rendered inside the element's playback
-  area such that the video content is shown centered in the playback
-  area at the largest possible size that fits completely within it,
-  with the video content's aspect ratio being preserved. Thus, if the
-  aspect ratio of the playback area does not match the aspect ratio of
-  the video, the video will be shown letterboxed or pillarboxed. Areas
-  of the element's playback area that do not contain the video
-  represent nothing.</p>
+  <p>In the absence of style rules to the contrary, video content
+  should be rendered inside the element's playback area such that the
+  video content is shown centered in the playback area at the largest
+  possible size that fits completely within it, with the video
+  content's aspect ratio being preserved. Thus, if the aspect ratio of
+  the playback area does not match the aspect ratio of the video, the
+  video will be shown letterboxed or pillarboxed. Areas of the
+  element's playback area that do not contain the video represent
+  nothing.</p>
 
+  <p class="note">In user agents that implement CSS, the above
+  requirement can be implemented by using the <a
+  href="#video-object-fit">style rule suggested in the rendering
+  section</a>.</p>
+
   <p>The intrinsic width of a <code>video</code> element's playback
   area is the <span title="concept-video-intrinsic-width">intrinsic
   width</span> of the video resource, if that is available; otherwise
@@ -98039,7 +98045,8 @@
 
   <pre class="css">@namespace url(http://www.w3.org/1999/xhtml);
 
-iframe:not([seamless]) { border: 2px inset; }</pre>
+iframe:not([seamless]) { border: 2px inset; }
+<span id="video-object-fit">video { object-fit: contain; }</span></pre>
 
   </div>