Can Shadowbox plugin work with vimeo.com videos?

I tested Shadowbox plugin v2.0.5 on my Joomla 1.5.14 today. I tried to play an external video on http://www.vimeo.com/ on my Joomla content with Shadowbox effect.

When I click on the link, there pop-up the shadowbox, it seems OK. However, after about 2 seconds, the page shifted to vimeo.com video page, leave away from my Joomla article page.

What's the matter?

Does this mean that Shadowbox plugin can't work with vimeo.com videos?

Does this mean that Shadowbox ONLY work with Youtube.com videos?

Thanks.

16 Sep 09

Hi baijianpeng,

I have never attempted this... give me some time to run some tests with this and I will get back to you.

Cheers

17 Sep 09

It is possible the Vimeo has some code in their site that stop us showing them in an iframe.

I think Yahoo does something similar.

If this is the case then there is nothing we can do about it unfortunately.

However! Are you using a share link? Or just linking to a page url?

17 Sep 09

Daniel, embedding Vimeo vids is actually possible.

baijianpeng, can you please paste the html you used to link to the shadowbox with Vimeo vid.

Try something like this:

<a href="http://vimeo.com/moogaloop.swf" title="Your Video Title" rel="shadowbox;width=400;height=225;options={flashVars:{clip_id:1893986,autoplay:'true'}}">Vimeo Vid</a>

Note the clip_id

17 Sep 09

The code I used to show vimeo video is:

<a title="David&nbsp;Beckham" rel="shadowbox;width=600;height=400" href="http://vimeo.com/1470875"><img height="118" alt="" width="156" src="http://localhost/1514/images/stories/ww3.jpg" /></a>

You can see that I link the vimeo page URL to an image on my localhost testing server.

I did not use the Embed URL.

I also tried Mark Simpson's code, it seems OK, I did not see the video itself, but the shadowbox did not shift to vimeo.com, it said:"sorry, This video is unavailable".

I want to get the effect like those pop-up video players in this page:

http://www.press75.com/demos/video-elements/

You can see that if you point your mouse over one image, the browser statusbar will show a link as

http://vimeo.com/1470875

If you click on the image, then that video will play in shadowbox window.

I know that page is not Joomla, but WordPress. I wish Ninja Shadowbox plugin can do the same job on Joomla.

Thanks.

17 Sep 09

This seems to be a problem with Ninja Shadowbox. The new version of Shadowbox which you can get directly at shadowbox-js.com shows Vimeo working perfectly... there is even a demo on that page showing what you want.

However, that new version has a new license and doesn't allow use in a commercial website unless you pay for it. That is why we haven't put the new shadowbox into our Ninja Shadowbox module.

There is a small chance we will be able to fix it... but if not you can either get the latest shadowbox yourself, or use the script used in the press75 demo you linked to. That is not shadowbox, it is mediabox. There is a tutorial on how to implement mediabox in your joomla website posted by our friend Dan Luton on his website.

17 Sep 09

Thanks Mark, now I know what I wanted is Mediabox, not shadowbox.

Ok, I also had found another plugin to implement Mediabox JS into Joomla content.

Thank you.

17 Sep 09

There is a small chance we will replace the code in Shadowbox with the Mediabox js... but that will be some time away... everyone is quite busy with NinjaBoard at the moment.

17 Sep 09

Never mind, I can wait. :-)

Thanks for your efforts on NinjaBoard.

03 Nov 09

Hey guys,
I'm new here, but while I was writing the documentation for Shadowbox, I figured out how to embed Vimeo videos after taking a closer look at Google Videos.

Instead of using the flash parameters, instead just embed the link as with Google videos. Here's an example:

<a rel="shadowbox;width=512;height=322;" href="http://vimeo.com/moogaloop.swf?clip_id=1039366">VIMEO VIDEO</a>

All I did was click the "Embed" icon on the video, then copied the first part of the value=". . . and it works just fine.

I haven't tried it just yet, but I'm pretty sure this would also work for Yahoo! videos as well. It does leave me to wonder why the author of Shadowbox used the embed code he used instead of doing it this way.

Anyways, good news for those wishing to use Vimeo. . .

04 Nov 09

Thanks for that amereservant! Worked great when I added it to the demo site.

03 Feb 10

Just wanted to thank amereservant for that great observation. now I got videos working nicely!

also fyi - I found the following code to make the video autoplay, and its added to the actual vimeo link, rather than the rel=shadowbox tag.

<a href="http://vimeo.com/moogaloop.swf?clip_id=8968976&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;autoplay=1" title="Skillington" rel="shadowbox;width=900;height=506;"><br /><br /><img alt="Skillington09" height="350" width="526" src="/images/stories/Killington/Skillington09.jpg" /></a>

now im wondering if I can find some similar code to add to the vimeo link to control hd quality.

you can check out an example of this working at www.jurawa.com (my test site)