Embedding a video in Lightbox

I'm trying to use Lightbox to click on a thumbnail to open a Lightbox frame that holds a video to play.
I have Lightbox working, but I want to replace the full size Lightbox image with a video that is hosted at Vimeo.
I don't where (or how) to paste the embed code that I have from Vimeo web site.
Anyone know?
Thanks!

I guess I should have mentioned it is a jquery Lightbox that I want the video to open up in, in a full size frame with the background page darkened behind.
Once it opens I want to then be able to click the video to play.
This is different than just embedding the video code in the page and having it play right in the current page.
thanks for helping!

Similar Messages

Embedded Youtube videos not working in Chrome or Firefox?

I have embedded some YouTube videos into Lightbox widgets and they play fine on IE and Safari but not on Chrome or Firefox. The poster of video shows but you can't click on it. Didn't know if Java Script was required but have it enabled on all Browsers.

Hello,
Could you please provide us a link where we can check the issue.
You can also try Right clicking on the added HTML code>Arrange>Bring to Front and see if it resolves your issue.
Regards,
Sachin

I have added/embedded four videos on my website, but when I scroll down, the videos scroll in front of the top menu instead of behind as it should. I have tried changing layers, etc., and nothing works. Can you help?

I have embedded 4 videos on my website. It is a single page, scrolling site. When I scroll down, the videos scroll in front of the top menu bar, instead of behind it. I have tried changing layers, etc., and nothing works. Please help.
Thanks.
Paul W. Norman

Hi,
Kindly create a new layer, via the Layers panel:
Then, right click on the navigation bar, and choose Move to Layer > Layer 2
Ensure that Layer 2 is on top of the other layers.
Hope it helps,
Sonam

AirPlay fails on embeded youtube video (livestream) from New iPad to Latest gen AppleTV.

Hello,
I just purchased a new Apple Tv (03/24/2014) and tried to airplay an embeded youtube video from Safari and Chrome on my iPad and received an error. Airplay is working fine from the youtube app, and other apps as well. I've done some poking around and wasn't able to find any concrete answers as to why it's not working. Apparently this used to work prior to sometime in August (not sure exactly when) of 2013. Any helo would be much appreciated are this is one of the main reasons I purchased the Apple Tv.

Hi IntroMike.
Take a look at this URL in the XBMC forum.
http://forum.xbmc.org/showthread.php?tid=179961&page=36
This discusses the issue you are seeing. It seems to be specific to the Youtube app and some embeded videos.
There is no known solution at this time apparently.

Embedded Flash videos don't work

Since updating Firefox to 36, embedded Flash videos don't work. HTML5 and Flash videos on YouTube work fine. I have Click-To-Play enabled (disabling it didn't help too), but instead of a grey area with the message I just see a black area where the video is supposed to be. Does anyone else have this problem?

If you have problems with current Shockwave Flash plugin versions then check this:
* see if there are updates for your graphics drive drivers
'''https://support.mozilla.org/kb/upgrade-graphics-drivers-use-hardware-acceleration'''
* disable protected mode in the Flash plugin (Flash 11.3+ on Windows Vista and later)
'''https://forums.adobe.com/message/4468493#TemporaryWorkaround'''
* disable hardware acceleration in the Flash plugin
'''https://forums.adobe.com/thread/891337'''
See also:
* '''http://kb.mozillazine.org/Flash#Troubleshooting'''

Why can't I view embedded flash videos on my MacBook Pro?

I can view videos on Youtube and embedded videos on some sites, but when I try to view embedded Flash videos on sites like CNN.com and NBA.com, I just get a black rectangle and nothing loads. I've tried this on all browsers. BTW, I also cannot open up tinted ads that come up in Google searches. I have the latest version of Flash, and I've deleted browsing data and settings and have checked "Allow sites to save info." I've disabled pop-up window blocker. I have no ad blocking software. I've installed the latest Flip4Mac plugin. I have even set up a new user account and tried these sites with that account to see if the problem goes away (it didn't).
I have a 12 inch 2.4 GHz Intel Core 2 Duo Macbook Pro with OS 10.8.3 installed (though the problem started when I still had Snow Leopard). I have all the latest browsers and , as I've said above, the latest Flash. I've tried both Java 7 and Java 6. I should also point out that I can access these sites without problem with my office Macbook Pro, which is a 15 inch Core 5, loaded with the same software I have on my problem 12 inch notebook.
Any suggestions?

You have JavaScript enabled in all the browsers, yes? Have you tried launch the browsers in Safe Mode?
serviceberry wrote:
I have a 12 inch 2.4 GHz Intel Core 2 Duo Macbook Pro with OS 10.8.3 installed (though the problem started when I still had Snow Leopard).
Not aware of a 12-inch Intel MBP. Anyway, could you possibly have an old version of flash player on your computer too. Look in the In the Internet Plug-ins folder to be sure you have only one flash player plugin. Path is HD/Library/Internet Plug-Ins/Flash Player.plugin
Also try searching your hard disk for flash.
Some other things to try are in this thread.

Embedded youtube videos will no longer play in Powerpoint 2010

Since upgrading to Flashplayer 11, I can no longer play embedded youtube videos in powerpoint 2010. I get the error message that I have to upgrade Flashplayer. I have performed several clean installs, yet I continue to get the same error message stating that I have to upgrade Flashplayer. How do I correct this?

i know right here is one fix if u got 2010 powerpoint youtube did some changes thats not compatable with it . 1 way around it that might work for you is within the use old embeded code were it says version=3 change it # into 2 insted of 3. do this in both appeareances.
example <object width="1280" height="720"><param name="movie" value="http://www.youtube.com/v/1rcqwRgVvvw?version=3&hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/1rcqwRgVvvw?version=3&hl=en_US" type="application/x-shockwave-flash" width="1280" height="720" allowscriptaccess="always" allowfullscreen="true"></embed></object>
change the #3 to the #2 thats it. then paste it in your powerpoint insert video from web.

Is it possible to embedding a video in Keynote and then play as a PDF?

Hi
Is it possible to embedding a video in Keynote and then play as a PDF? I want to do a PowerPoint/Keynote presentation that includes videos from YouTube. My preference is use Keynote although I do have Office 2004.
My issue is that the places where we present have their own equipment so we are encouraged to bring the presentation on a USB/portable HD, and they tend to be Windows environments.
In my perfect (ignorant) world, I'd
Create it in Keynote
Add/embed videos from YouTube
Save it as a multi platform file like a PDF
I guess the key issue is:
Is there a way to create a multi platform presentation with videos (I think Keynote and PPT require different video formats???) that can be carried on USB/portable HD?
Thanks

No, it's not possible without using hacks. And Adobe can't support or endorse hacks
Bear in mind that not only there are new features in a new version which can't possibly be recreated by an older version - also, there are enhancements to existing features, which would make them render differently in the two versions.
That said, there are people posting such hacks, as Sébastien pointed out.

Embedded Youtube video is not playing in PDF while it is playing in Adobe Content Viewer - Indesign CC

Hi,
as a newby to DPS with Indesign CC, I'm currently working on a catalog that contains internal jumlinks and embedded youtube video's.
All works fine in preview (Folio Overlay > Preview on desktop).
Then I export to Adobe PDF (Interactive).
When I open the PDF the internal links work just fint.
But the Youtube video is not popping up.
To embed the video I've inserted this code: <iframe width="640" height="360" src="https://www.youtube.com/embed/6EXxtnTOnqA?feature=player_detailpage" frameborder="0" ></iframe>
And I've selected 'autoplay' in the Folio Overlays
So what am I missing here?
Thanks for you help,
Dimitri

Hi Bob,
Like I said I'm a Newby, I even don't really understand what you mean with this.
I'm working in de Digital Publishing toolset (I thought that was DPS).
I use Folio Overlays over the embedded youtube code, with autoplay on.
Than I export to PDF interactive, but neither Adobe reader, nor Preview is showing the vid.

Embedded Youtube Video's not Playing in Web Viewer

I have several YouTube videos embedded in my folios. They all play fine when being viewed in the app, but if the folio is shared (by any channel) and viewed in the web viewer these videos won't play. Instead the user is greeted by this error:
Not found
Invalid character in path
I know that other apps using embedded youtube videos are playing just fine in the web viewer (I check out Wired) so I'm curious why mine are broken.
Any thoughts?

This streaming YouTube example works fine in DPS Tips web viewer:
http://contentviewer.adobe.com/s/DPS%20Tips/7f80a0ffed3a4ff08734bc905aac4a29/Advanced_Over lays/29_Video_Stream.html
Here's the embed code I used:
<iframe width="640" height="360" src="http://www.youtube.com/embed/QV1UZ-88HeE?rel=0" frameborder="0" ></iframe>
Are you using the same embed code format for your overlay?

Dreamweaver CS6: Embedding Youtube Video causes DW to stop responding

HI,
I'm trying to build a simple site that displays an embedded youtube video on the main page. The video is placed in a div tag that is placed in a specific spot on the page background to make it appear as if it's playing on an old PC that's part of the image. I paste the code into the div tag in the code view and it appears as a grey box in design view. Everything seems fine up to there, however when I click live view DW CS6 stops responding and the design view window goes white. I've tried pasting the video embed code into my other page, and into a blank html document to see if it was a problem with the rest of the code but the same thing happens on any of the pages. If I save the page and preview in Chrome or Firefox the page displays the windows loading cursor for a few minutes and then returns a youtube error 6 (ERR_FILE_NOT_FOUND).
I spent a few hours researching and found nothing via Google searches, Adobe help or Lynda.com tutorials. I'm new to web design and CSS and got as far as I did through Lynda.com lessons. Which is to say I have an index page and a seperate game guide page that links back and forth displaying images and text exactly as I'd like. Everything else works well enough only the video embedding is giving me trouble which is frustrating because according to everything I've read it's supposed to be one of the simplest processes.
I'm really at a loss as to how to fix this issue and would appreciate any help the Adobe community can give me.
Thanks in advance.

Good to know,
I fixed the problem but I'm not exactly sure why this worked. I went to a different site that uses Youtube hosted videos and tried their embed code which appeared the same to my untrained eye. But to my surprise this other video worked perfectly, so I just put the url for my video in and it worked. I'm not sure why, as far as I can tell both embed codes are the same. Both use <iframe> tags. But it works now, suffice to say I've gained some respect for the people who do this stuff day to day.

Embedded MP4 videos not playing in iOS Safari

Hi everyone,
I'm having a problem with embedded MP4 videos (e.g. YouTube videos) not playing correctly in Safari. When I try to play one, I get one of two problems:
1. On my (first gen) iPad, Safari usually crashes.
2. On my iPhone 4, videos will load but only play audio, not video, though when I tap on the screen the "play" and "pause" symbols appear.
Has anyone else run into this problem? Or know how to fix it?
Thanks,
Mike

Ok, I fixed it. Go to some embedded Flash video, click to run and then right click to get Global Settings for Flash. Go into Storage and make sure you aren't blocking any data from being stored on your computer. At the very least choose the "ask me" setting. (For good measure I also went into Advanced and clicked to Delete All Data associated with Flash. But when I restored Block for data storage the videos stopped working, so that seems to be the answer.) I'd be interested to hear if this works for others.

What HTML code do I need to get Adobe Flash to play an embedded MP4 video file (8 MB)?

What HTML code do I need to get Adobe Flash to play an embedded MP4 video file (8 MB)?
Thanks
Mark

Here are a couple of ways, one using the Netstream class and the other using the FLVPlayback component.
For the NetStream approach, the following in the timeline code will play/loop the intended mp4 file...
     var video:Video;
     var connect_nc:NetConnection = new NetConnection();
     connect_nc.connect(null);
     var stream_ns:NetStream = new NetStream(connect_nc);
     stream_ns.client = this;
     function netStatusHandler(p_evt:NetStatusEvent):void {
         if (p_evt.info.code == "NetStream.Play.Stop") {
             stream_ns.seek(0); // to loop the video
     stream_ns.addEventListener(NetStatusEvent.NET_STATUS, netStatusHandler);
     video = new Video();
     addChild(video);
     video.attachNetStream(stream_ns);
     stream_ns.play("path_to/your.mp4");
For the FLVPlayback component, add it to the stage, give it an instance name ("fp" used below), assign your mp4 file ("path_to/your.mp4") as the source property in the Properties panel, and select the option to autoplay as well. Place the following code in the timeline...
     fp.addEventListener(Event.COMPLETE, playAgain);
     function playAgain(evt:Event):void {
         fp.play();
To put the Flash swf file in an html page, in the Publish Settings set it to publish an swf and an html page. Publish the file an the html page will be created for you.

Embedded Vimeo video not displaying in Safari 5

I recently embedded a vimeo video into the home page of my iweb website. It displays on most browsers and earlier versions of Safari, but not with Safari 5. Are others running into this problem? Do you have any suggestions?
My website is www.tmsnewengland.com

It works for me with Safari 5. Do you have ClicktoFlash installed for Safari? Does this Vimeo embedded video load for you: Embedded Vimeo Video
OT

Embedded Quicktime videos will not fully load!

I've been attempting to watch an embedded Quicktime video on a website but it will only load for a certain portion and stop loading. Everytime I refresh and try again a different amount will load but never the whole thing.

Hi,
According to your description, since both IE and Chrome has same problem, it's not browser problem.
Have you tried to disable firewall and Symantec temporarilly for test?
If problem persists, firstly start system with Clean boot. Then using Process Monitor to capture the trace of accessing bing.com.
Clean boot: http://support.microsoft.com/kb/929135
You can access to the link below to download Process Monitor:
https://technet.microsoft.com/en-us/sysinternals/bb896645.aspx
How to capture a Process Monitor trace:
http://blogs.msdn.com/b/dswl/archive/2010/01/10/how-to-capture-a-process-monitor-trace.aspx
Learning Example:
Using Process Monitor to Troubleshoot and Find Registry Hacks:
http://www.howtogeek.com/school/sysinternals-pro/lesson5/all/
Note: Since the website is not hosted by Microsoft, the link may change without notice. Microsoft does not guarantee the accuracy of this information.
Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact [email protected]

Embedding a video in Lightbox

Similar Messages

Maybe you are looking for