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 327 matching lines @@
 @keyframes fadeOutAnimation {
   from {
     opacity: 1;
   }
 
   to {
     opacity: 0;
   }
 }
 
+/* Iframe sizing. */
+.youtubeContainer {
+  height: 0px;
+  /* This is the perecnt height of a standard HD video. */
+  padding-bottom: 56.25%;
+  position: relative;
+  width: 100%;
+}
+
+.youtubeIframe {
+  height: 100%;
+  left: 0px;
+  position: absolute;
+  top: 0px;
+  width: 100%;
+}
+
 /* 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);
 }