The following code will allow you to use a custom image for the thumbnail on a YouTube video.
1 2 3 4 5 6 7 8 9 10 11 | <div style="float: right; padding: 20px;" onclick="thevid=document.getElementById('thevideo'); thevid.style.display='block'; this.style.display='none'"> <img style="cursor: pointer;" src="/wp-content/uploads/2012/10/iframeyoutubevideo.png" alt="" /> </div> <div id="thevideo" style="display: none; float: right; padding: 20px;"> <object width="460" height="259" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /> <param name="allowscriptaccess" value="always" /> <param name="src" value="http://www.youtube.com/v/tX4l7aPoYLU?version=3&hl=en_US&rel=0&autoplay=1&autohide=1" /> <param name="allowfullscreen" value="true" /> <embed width="460" height="259" type="application/x-shockwave-flash" src="http://www.youtube.com/v/tX4l7aPoYLU?version=3&hl=en_US&rel=0&autoplay=1&autohide=1" allowFullScreen="true" allowscriptaccess="always" allowfullscreen="true" /> </object> </div> |
Here is an example of what the video would look like.
Share it now!
Be a fan
Related Posts
June 19, 2007 -- SueTube: sex, copyright, and rock & roll (0)
July 19, 2012 -- How to fix the Asus Zenbook trackpad (4)
June 9, 2012 -- Moving WordPress to a New Domain Name (0)
May 26, 2011 -- Bitcoin Miner (2)
June 20, 2007 -- Error’d: Crashing Las Vegas (0)