src/chrome/renderer/resources/mobile_youtube_plugin.html

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