Iframe placeholders, security and resizing

components/dom_distiller/core/css/distilledpage.css

 /* Copyright 2014 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 /* Set the global 'box-sizing' state to 'border-box'.
  * *::after and *::before used to select pseudo-elements not selectable by *. */
 
 *,
 *::after,
 *::before {
@@ skipping 256 matching lines @@
 pre {
   line-height: 1.296rem;
   overflow-x: scroll;
   padding: .5em;
 }
 
 .hidden {
   display: none;
 }
 
+/* Iframe sizing. */
+.youtubeContainer {
+  height: 0px;
+  padding-bottom: 60%;

[cjhopman, 2015/03/19 03:34:47]

this is based on the video aspect ratio, right? comment here about that.

[mdjones, 2015/03/19 18:08:39]

Done.

+  position: relative;
+  width: 100%;
+}
+
+.youtubeIframe {
+  height: 100%;
+  left: 0px;
+  position: absolute;
+  top: 0px;
+  width: 100%;
+}

[cjhopman, 2015/03/19 03:34:47]

Could you add a screenshot to the description so I can see how this looks?

[mdjones, 2015/03/19 18:08:39]

Done. See https://code.google.com/p/chromium/issues/detail?id=468862

+
 /* Loading Indicator. */
 #loader {
   height: 22px;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   width: 22px;
 }
 
 #loader * {
@@ skipping 385 matching lines @@
   border-color: rgb(250,36,36);
 }
 
 #loader.red .circle.red .mask.first .mover {
   background-color: rgb(33,89,189);
 }
 
 #loader.red .circle.red .mask.second .mover {
   background-color: rgb(250,36,36);
 }