I’m having trouble creating a lightbox and embedding a vimeo video inside it. So far, I have tried everything I can think of. Most recent attempt, I created an image, external linked it to HTML of the page where the vimeo video is, and added the scripty action. What happens now, the lighbox opens…but is blank. Any help on how to get the vimeo video in that lightbox - greatly appreciated!
This link, which I thank you for providing, is to the file on your Mac, which (I sincerely hope) I cannot see in my browser. You need to upload this page somewhere public – a web server of some sort – so we can look at the code. If you don’t want to do that, the go to https://gist.github.com and paste the HTML source of the page into the form there, set the Type to HTML, save it, then paste the URL of the page that results back here. We will be able to see the source code, nicely color-coded and indented, and can offer you suggestions then. Once the crisis has passed, you can delete your Gist and it won’t be left hanging around to embarrass you!
Walter
On Feb 26, 2013, at 1:38 PM, Evan wrote:
I’m having trouble creating a lightbox and embedding a vimeo video inside it. So far, I have tried everything I can think of. Most recent attempt, I created an image, external linked it to HTML of the page where the vimeo video is, and added the scripty action. What happens now, the lighbox opens…but is blank. Any help on how to get the vimeo video in that lightbox - greatly appreciated!
Okay, this is going to be easy to fix. What you need to do is open this movie in Vimeo:
Click on the little Share icon in the top-right corner, and copy everything out of the Embed field:
<iframe src="http://player.vimeo.com/video/39679356?title=0&byline=0&portrait=0" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> <p><a href="http://vimeo.com/39679356">Thank You Keith Reel 2012</a> from <a href="http://vimeo.com/thankyoukeith">ThankYouKeith</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
Paste that somewhere that you can edit it – I recommend a programmer’s text editor, like TextWrangler from BBCode, free, and recently upgraded to version 4!
Read carefully through the HTML until you have located the entire content of the src attribute:
The idea here is that you will find src=" and place your cursor after that opening quote, then select forward until just before you reach the next (closing) quote.
Copy only that URL, and paste it into the URL field for your lightbox. That should work just fine.
Using version 3. Did you use the longer or shorter of those two options? I’m going to start over and past this one: Little Bear Creative: 2013 on Vimeo