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 = templateData['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> 47
