1<!DOCTYPE html> 2<html> 3<head> 4<script> 5function 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"> 11body { 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
