Launching youtube floatbox from button icon

Page: 1

Author Post
Member
Registered: Mar 2009
Posts: 42
Location: UK
I can't believe I'm asking this but I can't see how to launch a Youtube video in a specific-sized Floatbox from an anchor that is a small button image. What I get instead of my button image is a tall thin startframe image crammed into the width that the button would occupy if it were visible.

Clicking on the tall image does launch the Floatboxed video in the size I asked for as expected.

I had intended to do an expanding roll-over button, either with the fbPopcenter two-img construct, or a CSS background image shift method, but neither of my attempts seem to work when the anchor link is a Youtube short URL.

This is what gives me the long thin startframe image instead of my button:

<a href="http://youtu.be/YygcjC_eEfk" class="floatbox" data-fb-options="width:800 height:450" title="Click/Tap for Jodie&#039;s Video">
<img src="images/HasVideo20_3.gif" width="20" height="20" alt="Click/Tap for Jodie&#039;s Video" title="Click/Tap for Jodie&#039;s Video" />
</a>


If I make the URL be "#" I get my button back. Alternatively, adding fetchVideoInfo:false in the options puts a grey play button in place of mine.
I'm stumped... ;)
V.6.0.4
Dave
Administrator
Registered: Aug 2008
Posts: 3382
Maybe you've got the addVideoThumb option set and you don't really want it because you've got your own thumb in there??? I don't know because I don't have a link to the page, but you might want to try removing that option or setting it to null.
Member
Registered: Mar 2009
Posts: 42
Location: UK
admin wrote
Maybe you've got the addVideoThumb option set and you don't really want it because you've got your own thumb in there??? I don't know because I don't have a link to the page, but you might want to try removing that option or setting it to null.

OK, well I have made a test page here:
http://thebritishbeardclub.org/fbtest.php

In the middle row of images, the leftmost image has three icons under it, a grey, the css rollover 'video' button and another grey one. the URL of the middle button is set to "#" and the rollover works, and a click opens a FB at the right size with just a white frame.

In the next image to the right, the left button is a regular floatbox link to an Ajax fetched frame, with a CSS rollover that works, and the FB opens as expected.

The middle button has the youtube URL and data options of width and height but no addVideoThumb set for the video floatbox. I see a grey Play button over the top of my button thumb and on clicking, the video loads.

If I include addVideoThumb:null then my icon shows unimpeded, but the rollover doesn't work, but the FB still opens.

Seems to be something coming in from Youtube that's spoiling my icon action?
David
Administrator
Registered: Aug 2008
Posts: 3382
You have addVideoThumb:340 set in both fbPageOptions on that page and in the global section of the options.js file.

Page: 1