Using floatbox 6.01. I'm using an "A" tag to launch the video in floatbox. It works great, as long as you don't click the floatbox "play" button (fbVideoPlay). For some reason, that does absolutely nothing on IE 8, 9 or 10 - not even a javascript error. Click anywhere else on the thumbnail and it plays just fine! It does work on Google Chrome however. Any ideas?

Clicking the play button opens the youtube video every time for me in all versions of IE and all other browsers. I don't know why your experience might be different and would have to see a live example to debug the cause.

I'm going to have to send you the URL and login info by PM. Thanks!

I have to wave the white flag on this one. I can't determine the cause. When I copy your raw BMW products table onto my test server, clicking on the play button works fine. We may be looking at a bug in IE regarding event handling in a frameset document. Recreating the frameset hierarchy on my test server is more than I can do - it would probably involve rebuilding most of your site.

I think you will have to work around the problem by not using addVideoThumb on those links. Create your own thumbnails and specify them directly as img elements in the youtube links.

Thanks for the effort. Do you think there may be a conflict with the old lightbox (leightbox) code? We are also using the jQuery library; any conflicts there?

I doubt there's a conflict. Both the thumbnail image and the play button image are child elements of the link and therefore a click on either one should count as a click on the link. That one image responds correctly while the other one does not smells of an obscure IE bug that surfaces in the context of something peculiar to your page structure.

This is interesting. When I view the rendered HTML for the play button, this is what I get in IE:

<img width="160" height="108" class="fbVideoPlay fbVideoPlay fbVideoPlay fbVideoPlay fbVideoPlay fbVideoPlay fbVideoPlay fbVideoPlay" style="left: 62.48px; top: 49.37px; width: 67.03px; height: 45.24px; margin-top: -19px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; position: absolute;" alt="" src="http://www.ramac.com/floatbox/graphics/videoPlay.png"/>

Note the class attribute - "fbVideoPlay" is repeated 8 times. Now in Chrome:

<img class="fbVideoPlay fbVideoPlay fbVideoPlay fbVideoPlay fbVideoPlay" src="http://www.ramac.com/floatbox/graphics/videoPlay.png" alt="" style="left: 62.482774566473985px; top: 49.37587283236994px; width: 67.03445086705203px; height: 45.248254335260114px; position: absolute; border-width: 0px; margin: -19px 0px 0px;">

"fbVideoPlay" is repeated 5 times. Does this tell us anything?

I just discovered something else that is interesting: If I click the play button twice (double click as it were), then the video plays in IE. I'm going to see if it isn't something in my CSS.

Yes, I spotted the repeated class names as well. That's just cosmetic and doesn't affect the operation. I've tweaked the version 6.0.2 code so that only one class name will be present.

That a second mouse click succeeds suggests that the img needs to have focus before IE will recognize the click on it - the first click focussing it and the second click being sent to the click handler on the parent link. This doesn't suggest to me a way to fix it.

There is a small likelihood that your illegal html structure contributes to the problem. The link is in a table (block element) that is contained in a span (inline element). Inline elements are not allowed to contain block child elements.