How to use Shadowbox with YourTube's new iFrame embed?

classic Classic list List threaded Threaded
3 messages Options
Reply | Threaded
Open this post in threaded view
|

How to use Shadowbox with YourTube's new iFrame embed?

JustBobF
This post was updated on .
Hello,

I thought I would try to use shadowbox with YouTube's new iFrame embedding code. YouTube give this code to use on our web page:

<iframe class="youtube-player" type="text/html" width="320" height="192" src="http://www.youtube.com/embed/Fk0_wl5-tWM" frameborder="0"></iframe>

Two questions:

1) Would I have to make a thumbnail image of the video to place on the page in place of the embedding code above, and

2) Is it possible to use this type of code with Shadowbox, and it so, what would the code look like?

I should mention, I'm trying to use YouTube's iFrame code so that the video will play on an iPhone. I don't think the iPhone will play YouTube's Flash videos.

Thank you so much!!
Reply | Threaded
Open this post in threaded view
|

Re: How to use Shadowbox with YourTube's new iFrame embed?

StuartT
<link rel="stylesheet" href="/js/shadowbox/shadowbox.css" type="text/css">
<script type="text/javascript" src="/js/shadowbox/shadowbox.js"></script><script type="text/javascript"> Shadowbox.init({ language: 'en', players: ['html','iframe'] }); </script>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
CLICK HERE FOR YOUTUBE IFRAME VIDEO<BR>
</BODY>
Reply | Threaded
Open this post in threaded view
|

Re: How to use Shadowbox with YourTube's new iFrame embed?

ltooz
it's extremely simple
For text link "eva solo cafe"
<p style="text-align: center;">'<'a rel="shadowbox;width=640;height=385" href="http://www.youtube.com/embed/K3VyjSBMcG4" title="eva solo cafe">eva solo cafe'<'/a></p> 

For image link "picture1"

<p style="text-align: center;">'<'a rel="shadowbox;width=640;height=385" href="http://www.youtube.com/embed/K3VyjSBMcG4" title="eva solo cafe">'<'img src="yourpath/picture1" width="300" height="224" />'<'/a></p> 

remove the single ' from the '<'

Hope this help,

Louis
You can go here for more tips and tricks