WordPress.org

1. Ian Sterne
   Member
   Posted 5 months ago #

   Just updated to WordPress 3.3 and Fancybox 3.0.1 and my links to Youtube videos quit working. Here is the code that was working before the update:

   [Code moderated as per the Forum Rules. Please use the pastebin]

   Here is this site: http://sandboxes.kashmirhouston.com/sandbox21/
   Here is the old working version: http://smashingbusiness.com/

   The network icons on the bottom should open videos.

   My theme is Pagelines 2.0 but as I was saying the previous version of the plugin worked.

   http://wordpress.org/extend/plugins/fancybox-for-wordpress/

2. José Pardilla
   Member
   Posted 5 months ago #

   Hi Ian,

   Inline links changed a bit in fancybox 1.3.4, the problem is the display:none.

   You have to apply the display:none to the container div, like this, and not to the same element that has the ID:

   <li id="menu-item-24" class="nbc">
   <a class="fancybox" href="#NBC">NBC News</a>
   <div style="display:none">
   	<object id="NBC" style="height: 390px; width: 640px">
   		<param name="movie" value="http://www.youtube.com/v/TmpelL6TXf0?version=3&feature=player_detailpage">
   		<param name="allowFullScreen" value="true">
   		<param name="allowScriptAccess" value="always">
   		<embed src="http://www.youtube.com/v/TmpelL6TXf0?version=3&feature=player_detailpage" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="360">
   	</object>
   </div>
   </li>

   Note how i just moved the id="NBC" to the object tag, because there's no need to make two div containers.

   You can find another example of this syntax at the end of this page: http://plugins.josepardilla.com/fancybox-for-wordpress/demos/

Reply

You must log in to post.