Home | History | Annotate | Download | only in resources 
      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>
     46