src/third_party/WebKit/LayoutTests/fast/plugins/plugin-placeholder-explicit-size.html

   1 <!DOCTYPE html>
   2
   3 <style>
   4 applet, embed, object { display: block; margin: 10px; }
   5 </style>
   6
   7 <!-- These should appear as green blocks of various sizes (200x150, 300x100, 200x100). -->
   8 <applet code="DoesNotExist.class" width="200"></applet>
   9 <embed type="application/x-fake-plugin" height="100"></embed>
  10 <object type="application/x-fake-plugin" width="200" height="100"></object>
  11
  12 <template id="placeholder-template">
  13     <style>
  14         :host { overflow: hidden }
  15         div { margin: 0; padding: 0; width: 100%; height: 100%; background-color: green; }
  16     </style>
  17     <div></div>
  18 </template>
  19
  20 <script>
  21 internals.settings.setJavaEnabled(true);
  22
  23 var templateContent = document.getElementById('placeholder-template').content;
  24 Array.prototype.forEach.call(document.querySelectorAll("applet, embed, object"), function(plugin) {
  25     internals.forcePluginPlaceholder(plugin, templateContent);
  26 });
  27 </script>