image click play youtube

by Nick Hulea

CSS

.ls_video {height:453px; width:674px;}

JavaScript

var videoSrc   = "http://www.youtube.com/embed/nOMKBmqOIjg";
var videoParms = "?autoplay=1&fs=1&hd=1&wmode=transparent";

// style of thumbNail's image must equal style of video for the 2 to overlap
var youtubeVideo = "" +
   "<div>" +
   "<iframe height='539' width='783' src='" + videoSrc + videoParms + "'>" +
   "</iframe>" +
   "</div>";            

var theThumbNail = "" +
   "<div onclick=\"this.innerHTML = youtubeVideo;\">" +
   "<img height='539' width='783' src='http://www.trilabyrinth.com/images/thor-large-home.jpg' style='cursor:pointer' alt='splash' \/> " +
   "</div>";

document.write (theThumbNail);