Hello,

I was wondering why my youtube videos don't show in iPad or iTouch/iPhone. Is this a problem with Apple or is there some kind of code I need to add to make them work? They work fine on other browsers. On iPad, the overlay pops up but no video ever loads or plays.

My URL is:

http://marthalodge.com/about_me_design_drupal

My code is:

Only local images are allowed.

Thank you for any help you can offer.

M

CommentFileSizeAuthor
#2 Screen shot 2012-01-28 at 12.26.28 PM.png17.82 KBlilbebel

Comments

lilbebel’s picture

lilbebel commented

I'm having trouble showing my code here. Every time I enter it, it shows as a red circle with an x through it. I've attached it as an image so you can see what I did.

lilbebel’s picture

lilbebel commented
StatusFileSize
new Screen shot 2012-01-28 at 12.26.28 PM.png17.82 KB
manfer’s picture

manfer commented

The support of youtube videos included in shadowbox 3 is by using the flash player as we can see in the following code extracted from the shadowbox homepage examples.

<a href="http://www.youtube.com/v/lSnWhsmlGec&amp;hl=en&amp;fs=1&amp;rel=0&amp;autoplay=1" title="Ebon Coast" rel="shadowbox;width=405;height=340;player=swf"><img class="border" alt="" src="gallery/mckee-thumb.jpg"></a>

But if I'm not wrong iphone, ipad does not support flash content so the only solution to include youtube videos inside a shadowbox and compatible with a terminal that does not support flash would be to use the iframe player. So it would be something like:

<a href="http://www.youtube.com/embed/7fNMne7U4GY" title="Entre dos aguas - Paco de Lucia" rel="shadowbox; player=iframe; width=420; height=315">Click to Open</a>

code that is going to use html5 when flash is not available.

gaiazzz’s picture

gaiazzz commented

thank you manfer for resolve this issue! I've a last answer... how can i autoplay the youtube video with the iframe player?
Thank you for any help

manfer’s picture

manfer commented

The autoplay querystring (?autoplay=1) should work just fine appended to the youtube link:

<a href="http://www.youtube.com/embed/ryIWuD6WA3k?autoplay=1" title="Nana Mouskouri & Julio Iglesias - Grande, grande" rel="shadowbox; player=iframe; width=420; height=315">Play</a>
lilbebel’s picture

lilbebel commented

Thank you manfer. Your solution works a treat. Great stuff.

M

manfer’s picture

manfer commented
Status: Active » Fixed

Status: Fixed » Closed (fixed)

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

MartyMan’s picture

MartyMan commented

HI,
Hope someone can help me. I have very little clue as to coding. I am working in the old Iweb program and have managed to get my youtube video working on desktops and laptops however I can't get it on ipads.
I have searched and spent hours....can someone please take a look and let me know where i'm messing up.
thanks
<a href="http://www.youtube.com/v/0wOBAgGosZg?autoplay=1" title="Fleavel Knievel" rel="shadowbox; player=iframe; width=420; height=315">

lilbebel’s picture

lilbebel commented

Hello MartyMan,

You'll need to add to the end of your sequence. Also, using urls with youtube.com/v/ will redirect user to a .swf file. iPad doesn't support Flash so that is why it isn't playing. You need to get the embed code. See below for an example of code I used on my site. You'll notice htere is no /v/ and is, instead, embed.

Only local images are allowed.

Good luck!

lilbebel’s picture

lilbebel commented

Please see example of my code attached here:

<a href="http://www.youtube.com/embed/w0ffwDYo00Q?autoplay=1" rel="shadowbox; player=iframe; width=720"><img src="sites/marthalodge/files/interface_images/animation_02.jpg"></a>