This is the code you are using:
Code: Select all
<a href="http://www.youtube.com/embed/tV0h8-PdlBg?rel=0&wmode=transparent" onclick="return [color=#FF0000]hs.expand[/color](this, {objectType: 'iframe', width: 600, [color=#FF0000]height: 35[/color], allowSizeReduction: false, wrapperClassName: 'draggable-header no-footer', preserveContent: false, objectLoadTime: 'after'})" class="highslide">
<img src="images/2011/video/halloween.png" alt="" height="150" width="200"> </a>
You missed one important thing: The YouTube demo page uses hs.htmlExpand - you are using hs.expand (
marked red in the above code).
And probably a typo; youÔÇÖve set the height to 35 (
marked red in the above code) - I guess it should be 350.
Try this code:
Code: Select all
<a href="http://www.youtube.com/embed/tV0h8-PdlBg?rel=0&wmode=transparent" onclick="return hs.htmlExpand(this, {objectType: 'iframe', width: 600, height: 350, allowSizeReduction: false, wrapperClassName: 'draggable-header no-footer', preserveContent: false, objectLoadTime: 'after'})" class="highslide">
<img src="images/2011/video/halloween.png" alt="" height="150" width="200"> </a>
You can add this at the end of the YouTube url if you want the movie to play automatically when you opens the popup:
&autoplay=1