I realize this probably isn't specific to Umbraco. But wasn't sure where to post this off-topic request.
I've included FancyBox in my site to show images with great results, but the main reason I wanted to use FancyBox is it has the ability to display YouTube Videos in the popup as well. However as much as I try I can't get this to work inside Umbraco 4.0.2.1. I'm curious if anyone else has gotten this to work and if you'd mind sharing any tweaks you might have had to do to make this happen. I remember I had to edit something before to get youtube videos to work in Umbraco, but I forget what that was at the moment.
Actually, I don't get any errors. If I click on the thumbnail nothing happens. I've placed the video to be visiable, and then the screen moves to the anchor point of the video as per the example, but it doesn't create the lightbox effect.
I have the javascript and css files entered in the main template. And they do work given I'm creating galleries and single image popups with great success.
OK. So a bit more digging and I'm able to get this to work.I was missing one js file in my head tag.
However, this is going to be hard to just quickly add videos. I guess there was an issue with Umbraco rendering the YouTube videos? Does that seem to make sense? I had put in a macro/xlst that bundles protects the video from the tinymce? Not sure, its been such a while since I messed with that.
Here's what the macro produces (This works):
<div style="display:none"><div umb_macroalias="YouTube" umb_videosti="http://www.youtube.com/v/s6FmJpcJU0w" ismacro="true" umbversionid="329e316d-e404-4999-9c11-d0745c33e515" umbpageid="1300" onresizestart="return false;" title="This is rendered content from macro" class="umbMacroHolder"><!-- startUmbMacro --><span>This macro does not provides rendering in WYSIWYG editor</span><!-- endUmbMacro --></div></div>
This is the example code from fancybox with same video (This does not work)
OK. So after a lot of playing around ( ;-( ) the only way I've been able to get the YouTube videos to be visible via FancyBox is to use the TinyMCE Flash (YouTube) button.
Jose... sorry i was out on vacation... and missed your posts... i have used the designit video package with much success with youtube videos and fancybox... check out my implementation here...
Help with FancyBox to show videos
I realize this probably isn't specific to Umbraco. But wasn't sure where to post this off-topic request.
I've included FancyBox in my site to show images with great results, but the main reason I wanted to use FancyBox is it has the ability to display YouTube Videos in the popup as well. However as much as I try I can't get this to work inside Umbraco 4.0.2.1. I'm curious if anyone else has gotten this to work and if you'd mind sharing any tweaks you might have had to do to make this happen. I remember I had to edit something before to get youtube videos to work in Umbraco, but I forget what that was at the moment.
Thank you.
Sincerely,
Joe
What kind of error do you get??? Javascript?
Actually, I don't get any errors. If I click on the thumbnail nothing happens. I've placed the video to be visiable, and then the screen moves to the anchor point of the video as per the example, but it doesn't create the lightbox effect.
I have the javascript and css files entered in the main template. And they do work given I'm creating galleries and single image popups with great success.
This is the same across Chrome, FF and IE.
OK. So a bit more digging and I'm able to get this to work.I was missing one js file in my head tag.
However, this is going to be hard to just quickly add videos. I guess there was an issue with Umbraco rendering the YouTube videos? Does that seem to make sense? I had put in a macro/xlst that bundles protects the video from the tinymce? Not sure, its been such a while since I messed with that.
Here's what the macro produces (This works):
<div style="display:none"><div umb_macroalias="YouTube" umb_videosti="http://www.youtube.com/v/s6FmJpcJU0w" ismacro="true" umbversionid="329e316d-e404-4999-9c11-d0745c33e515" umbpageid="1300" onresizestart="return false;" title="This is rendered content from macro" class="umbMacroHolder"><!-- startUmbMacro --><span>This macro does not provides rendering in WYSIWYG editor</span><!-- endUmbMacro --></div></div>
This is the example code from fancybox with same video (This does not work)
<div style="display:none">
<object width="560" height="340" data="http://www.youtube.com/v/s6FmJpcJU0w" type="application/x-shockwave-flash">
<param name="allowFullScreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="src" value="http://www.youtube.com/v/s6FmJpcJU0w" />
<param name="allowfullscreen" value="true" />
</object>
</div>
I guess I can't have the object tag in there?
The problem with the macro way is the height and width are a 3:4 size and some of my new videos are a 6:9 ratio.
I think I've almost confused myself. Why, again, can't one have an <object> tag in the html?
OK. So after a lot of playing around ( ;-( ) the only way I've been able to get the YouTube videos to be visible via FancyBox is to use the TinyMCE Flash (YouTube) button.
Jose... sorry i was out on vacation... and missed your posts... i have used the designit video package with much success with youtube videos and fancybox... check out my implementation here...
http://baty-barr.com/bobspage/my-videos
just click a link :)
the youTube video package can be found here...
http://our.umbraco.org/projects/designit-video-embed
hope these help
is working on a reply...