On my portal page at www.vintagejetboats.com I added an html box with the following code for youtube videos and somehow it disables my buttons on the top of the page.
Any ideas on what the problem with this code might be?
I am using this
<img src='http://img.youtube.com/vi/a3aj2ZEzmtk/1.jpg' width='130' height='97' border='0' class="yt-img" alt='a3aj2ZEzmtk' title='Video screenshot' /> <img src='http://img.youtube.com/vi/4TLX9EHRQyk/2.jpg' width='130' height='97' border='0' class="yt-img" alt='4TLX9EHRQyk' title='Video screenshot' /> <img src='http://img.youtube.com/vi/0r_ajyFyRAc/3.jpg' width='130' height='97' border='0' class="yt-img" alt='0r_ajyFyRAc' title='Custom title' /><br /><br />
<iframe id='youtube-player' type='text/html' width='640' height='385' src='http://www.youtube.com/embed/oGyk8xBVQIE' frameborder='0'></iframe>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("jquery", "1.4.4");
google.setOnLoadCallback(function() {
$('.yt-img').bind('click', function(event) {
newurl = "http://www.youtube.com/embed/" + $(this).attr("alt");
$("#youtube-player").attr("src",newurl);
});
});
</script>