I think I've looked through most of the documentation and issues related to showing SWF in the lightbox, but still can't seem to get it to work.

I added a player, set the config for video. It seems to add a display: none and lightbox_hidden to the SWF object tag. How do I get this to work. The page I'm testing on is here.

Thanks for any help.

Comments

stella’s picture

Status: Active » Closed (duplicate)
cardell’s picture

Any idea which of these you think is causing the problem?

I think I went through most of those proposed solutions. I thought it might be some setting I had wrong because the lightbox comes up with the flash object tag, but the tag has an added "display: none" and "class: lightbox_hidden".

After looking, it seems to be this code (line 990) from lightbox.js. When I commented out the hide section, the flash shows fine.

  // toggleSelectsFlash()
  // Hide / unhide select lists and flash objects as they appear above the
  // lightbox in some browsers.
  toggleSelectsFlash: function (state) {
    if (state == 'visible') {
      $("select.lightbox_hidden, embed.lightbox_hidden, object.lightbox_hidden").show();
    }
    else if (state == 'hide') {
      $("select:visible, embed:visible, object:visible").addClass("lightbox_hidden");
      $("select.lightbox_hidden, embed.lightbox_hidden, object.lightbox_hidden").hide();
    }
  },

Is there something I can check or have set wrong to cause this code to be triggered that hides the flash?

stella’s picture

Is the flash object you're interested meant to appear in the lightbox or on the page behind the lightbox?
Can you paste in the html you're using to generate the lightbox link (within 'code' tags)?

Cheers,
Stella

cardell’s picture

I want it to appear in the lightbox. Below is the html I have for the lightbox.

	<div id="lightboxAutoModal" rel="lightvideo[|width:550px; height:375px;]" style="display: none;">
	<object width="550" height="375" id="myMovieName" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param value="sameDomain" name="allowScriptAccess"/>
	<param value="true" name="allowFullScreen"/>
	<param value="http://www.shelbyfarmspark.org/sfpc/files/flash/dte_interactive.swf" name="movie"/>
	<param value="high" name="quality"/><param value="" name="flashvars"/><param value="/sfpc/files" name="base"/><embed width="550" height="375" align="" pluginspage="http://www.macromedia.com/go/getflashplayer" base="/sfpc/files" type="application/x-shockwave-flash" name="myMovieName" flashvars="" quality="high" allowfullscreen="true" allowscriptaccess="sameDomain" src="http://www.shelbyfarmspark.org/sfpc/files/flash/dte_interactive.swf"/></object>
	<?php //print flashnode_content(array('nid' => 289, 'display' => 2, 'height' => 380, 'width' => 550)); ?>
	</div>
cardell’s picture

I want the flash to appear in the lightbox. Below is the html I have for the lightbox.

	<div id="lightboxAutoModal" rel="lightvideo[|width:550px; height:375px;]" style="display: none;">
	<object width="550" height="375" id="myMovieName" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param value="sameDomain" name="allowScriptAccess"/>
	<param value="true" name="allowFullScreen"/>
	<param value="http://www.shelbyfarmspark.org/sfpc/files/flash/dte_interactive.swf" name="movie"/>
	<param value="high" name="quality"/><param value="" name="flashvars"/><param value="/sfpc/files" name="base"/><embed width="550" height="375" align="" pluginspage="http://www.macromedia.com/go/getflashplayer" base="/sfpc/files" type="application/x-shockwave-flash" name="myMovieName" flashvars="" quality="high" allowfullscreen="true" allowscriptaccess="sameDomain" src="http://www.shelbyfarmspark.org/sfpc/files/flash/dte_interactive.swf"/></object>
	</div>
stella’s picture

Category: support » bug
Status: Closed (duplicate) » Active

Ah, okay I see what you're doing. Will take a look at it this evening.

cardell’s picture

stella,
Did you get a chance to take a look at this?

raff77’s picture

I have a similar issue. When I have a light box over a flash panel the flash reloads when you change the style property to hidden (only on firefox). Is it possible to have an option to hide flash objects on the page rather than doing it by default. The problem I have is that I am dynamically creating links from flash which is a subsection. When the flash reloads they loose state.

Thanks in Advance.

Ronan

mzabala’s picture

Version: 5.x-2.9 » 6.x-1.x-dev

I have been having this issue as well. When loading an HTML frame that contains a flash element (Such as a video player) it applied the class " lightbox_hidden " and set it to " display: none; "

I don't want to link directly to the video so lightvideo is not an option for me.

To get it to work, I also had to comment out

      $("select:visible, embed:visible, object:visible").addClass("lightbox_hidden");
      $("select.lightbox_hidden, embed.lightbox_hidden, object.lightbox_hidden").hide();

But I don't want to have to patch the module on every upgrade. Suggestions?

stella’s picture

Status: Active » Fixed

Fixed in dev.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.