chrome/renderer/resources/plugins/mobile_youtube_plugin.html

   1 <!doctype html>
   2 <html>
   3 <head>
   4 <meta name="viewport" content="width=device-width, user-scalable=no">
   5 <script>
   6 function insertBackground() {
   7   var video = loadTimeData.getValue("video_id");
   8   document.body.style.backgroundImage = "url('http://img.youtube.com/vi/" + video + "/0.jpg')";
   9 }
  10 </script>
  11 <style type="text/css">
  12 body {
  13   background-color: black;
  14   background-repeat: no-repeat;
  15   background-size: cover;
  16   overflow: hidden;
  17 }
  18
  19 #inner {
  20   position: absolute;
  21   left: 50%;
  22   top: 50%;
  23   margin-left: -33px;
  24   margin-top: -23px;
  25 }
  26
  27 #logo {
  28   position: absolute;
  29   right: 5px;
  30   bottom: 5px;
  31 }
  32
  33 #play {
  34   opacity: .7;
  35 }
  36
  37 #youtube {
  38   opacity: .7;
  39 }
  40 </style>
  41 </head>
  42 <body id="body" onLoad="insertBackground()">
  43 <div id="logo"><img id="youtube" src="youtube.png"/></div>
  44 <div id="inner"><img id="play" src="play.png" onclick="plugin.openYoutubeURL();"/></div>
  45 </body>
  46 </html>