Support for embedding Vimeo video **in LightBox2**?

zvikico - October 8, 2008 - 06:36
Project:Lightbox2
Version:HEAD
Component:Miscellaneous
Category:support request
Priority:normal
Assigned:Unassigned
Status:closed
Description

Is it possible to add support for Vimeo videos?
ITMW, is there a way to embed the Vimeo player in a lightbox? (excuse the newbie question)

#1

stella - October 8, 2008 - 08:57
Category:feature request» support request
Status:active» fixed

If you use the emfield (embedded media) video module you can display vimeo videos on your site. Lightbox2 integrates with that so you can display the video in a lightbox.

Cheers,
Stella

#2

Anonymous (not verified) - October 22, 2008 - 09:12
Status:fixed» closed

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

#3

thechraveler - February 9, 2009 - 22:15

What about simply using Lightbox without Embedded Media module, as Google, Youtube, MySpace, and others enjoy with the Lightbox module now?

#4

stella - February 10, 2009 - 10:03

@thechraveler: no, I'm not willing to consider that at this time. In fact, I'd be more likely to remove support for the Google, YouTube, etc videos and make people use emfield for those too, before I'd add support for any more 3rd party providers.

Cheers,
Stella

#5

Dracolyte - March 11, 2009 - 15:31
Title:Support for embedding Vimeo video?» Support for embedding Vimeo video **in LightBox2**?
Status:closed» active

I'm reopening this issue because I still can't get Lightbox2 to display Vimeo videos. A working example of vimeo code would be extremely helpful, an example like that for all the other video formats shown here: http://drupal.org/node/252276.

Vimeo does not supply the syntax in its embed instructions or in its API. Vimeo's embed code is this:
<object width="400" height="225"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=337298&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=337298&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="225"></embed></object>

I've tried using that and just about every kind of abbreviation of that in my Drupal code, such as this:

<a rel="lightvideo[group][caption 2]" href="http://vimeo.com/moogaloop.swf?clip_id=337298">Grouped example 2</a> <br />
. The video only opens in a new window.
I'm using Drupal 6.09, I've installed and pointed to an flvplayer, I'm using embedded media field and embedded video field, and I've enabled Vimeo display according to all the instructions. Also, I can get Google and other videos to play in Lightbox2, just not Vimeo.

Has anyone out there gotten this to work?

#6

stella - April 16, 2009 - 16:12
Status:active» fixed

I'm not sure what you're doing, but if using emfield video module as you say, then you just need to select one of the Lightbox2 options from the 'display' options when configuring that content type. It should work then without any problems and without any need for you to write html. The instructions at http://drupal.org/node/252276 aren't needed for emfield module.

Cheers,
Stella

#7

System Message - April 30, 2009 - 16:20
Status:fixed» closed

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

#8

Dracolyte - May 13, 2009 - 17:27
Status:closed» fixed

Okay, I finally figured out the syntax for Vimeo in LightBox. It might help to add it to http://drupal.org/node/252276 where the syntaxes for other videos are listed.
The correct syntax is this:
<a rel="lightvideo" href="http://vimeo.com/4559447">

What Vimeo gives you is this, BTW, and you have to winnow it down to the above.
<object width="400" height="225"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=4559447&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=4559447&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="225"></embed></object><p><a href="http://vimeo.com/4559447">#2 Flying Kebab - The things I do for you babe</a> from <a href="http://vimeo.com/matheussiq8">Matheus Siqueira</a> on <a href="http://vimeo.com">Vimeo</a>.</p> 

Hope this helps someone!

#9

monstordh - May 18, 2009 - 15:35

I can't get this to work. It jumps to the vimeo site. Anything else we need to know?

#10

Dracolyte - May 18, 2009 - 17:08

Here are more details:
Drupal 6.11

Syntax: <a rel="lightvideo" href="http://vimeo.com/2729374" id="video11"><img height="38" width="50" alt="Something" src="/thumbs/something.jpg" /></a>

Modules:
LightBox2 6.x-1.9, Embedded Media Field, Embedded Video Field 6.x-1.0-beta1

Config:
Embedded Media Field / Use swfobject: Off
Embedded Video Field / Vimeo configuration / Allow content from Vimeo: Checked

Does that do the trick?

#11

davidjg - May 29, 2009 - 12:50

For whatever it's worth

drupal 6.12
emfield 6.x-1.0
lightbox2 6.x-1.9

Under admin/content/emfield
Swfobject unticked
Allow content from vimeo

Create content type (e.g. "videocontent") or add field to existing one with "embedded video" field type. Check vimeo as provider, configure sizes etc under manage fields tab.

Set display options under Display Fields tab to whichever lightbox2 option you have/want.

Create a "videocontent" node, put

<a rel="lightvideo" href="http://vimeo.com/xxxxxx" id="video11">Vimeo-Lightbox2 Test</a>

in the "Video:" url field (not in body), xxxxx is the vimeo id.

#12

exiled_hammer - June 6, 2009 - 21:26

I couldn't get Vimeo working using lightvideo method described above. I did manage to find a solution using lightfame with the code below.

<a href="http://vimeo.com/moogaloop.swf?clip_id=videoid" rel="lightframe[|width:400px;height:300px;padding:0;][We can add some text here]">Play Vimeo</a>

Hope this is of use to people.

#13

System Message - June 20, 2009 - 21:30
Status:fixed» closed

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

#14

rolandk - October 28, 2009 - 16:42

Anyone figure out a way to autoplay the vimeo video in the lightbox2 ?

#15

festerm - January 19, 2010 - 18:51

In the "exiled_hammer " solution it`s possible to make the vimeo fullscreen button to work?

 
 

Drupal is a registered trademark of Dries Buytaert.