Video Popup Home Page Issue iPads

Hi

I have used the video pop-ups on the home page to stream a few client vimeo and youtube videos which work fine on all browsers, the problem is on an iPad/iPhone all I get is a blank white pop-up, so it would appear that the video pop-up does not work on iPads etc..

Is there a work around as the client definitely needs this to work on iPads as well.

Many thanks

Maybe I'm wrong but code probably include flash content - the swf player, so probably it is only device problem. On the android devices the problem is the same ?

Maybe I'm wrong but code probably include flash content - the swf player, so probably it is only device problem. On the android devices the problem is the same ?

No there is nothing relating to swf and the videos work fine on an iPad outside of the website.

This is the code I have:

<table style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="34%"><a href="http://vimeo.com/45072697" rel="mediabox[715 400]"> </a><a class="gk_video_frame" href="http://vimeo.com/45072697" rel="mediabox[715 400]"><img src="images/stories/ajv1.png" border="0" /> <span class="gk_vframe">Frame</span> <span class="gk_voverlay">Overlay</span> Showhouse</a></td>
<td width="31%"><a class="gk_video_frame" href="http://www.youtube.com/watch?v=S7KC0PYCaU8" rel="mediabox[715 430]"><img src="images/stories/ajv1.png" border="0" /> <span class="gk_vframe">Frame</span> <span class="gk_voverlay">Overlay</span> Promotion</a></td>
<td width="35%"><a href="http://vimeo.com/28712879" rel="mediabox[715 400]"> </a><a class="gk_video_frame" href="http://vimeo.com/28712879" rel="mediabox[715 400]"><img src="images/stories/ajv1.png" border="0" /> <span class="gk_vframe">Frame</span> <span class="gk_voverlay">Overlay</span> Showhouse</a></td>
</tr>
</tbody>
</table>

Please just look at this screen >> https://dl.dropbox.com/u/6620832/Zrzut% ... .33.20.png

Here you can see that embeeded code is played via flash player - this is why it is not working on iPad. The vimeo/youtube page switch to html5 player but not the embeeded code.

Please just look at this screen >> https://dl.dropbox.com/u/6620832/Zrzut% ... .33.20.png

Here you can see that embeeded code is played via flash player - this is why it is not working on iPad. The vimeo/youtube page switch to html5 player but not the embeeded code.

I see now, how can I force the video stream from the website to play in HTML5 rather than FlashPlayer please?

Please look at this http://www.okaygeek.com/blog/how-to-vimeo-embed-videos-working-on-ipad.html if this will not work you need to look at vimeo/youtube support forums for more details or ask Apple why they don't want flash in devices I try to help you but this is strictly device problem.

Please look at this http://www.okaygeek.com/blog/how-to-vimeo-embed-videos-working-on-ipad.html if this will not work you need to look at vimeo/youtube support forums for more details or ask Apple why they don't want flash in devices I try to help you but this is strictly device problem.

Many thanks for your advise, I will take a look at the link you have suggested.

Hi

I don't understand why Apple does not support Flash, but they don't

I have added the gk.video.js to StartUp template. I like the functionality and look from this Gavick video popup. But I think Gavick need to update this to support YouTube and Vimeo HTML5 Flash free solution, runninger there player in iframe.

In file /templates/gk_startup/js/gk.video.js here is code for Vimeo. This works on iPad/iPhone too, except for the autoplay param.

More on: http://developer.vimeo.com/player/embedding

Henrik

Code: Select all

// Vimeo - by Flexsus
} else if (url.match(/vimeo\.com/i)) {         
var videoId = url.split('/');
this.videoID = videoId[3];
this.object = '<iframe src="http://player.vimeo.com/video/'+this.videoID+'?title=0&byline=0&portrait=0&color=8ac75a&autoplay=1" width="'+this.contentsWidth+'" height="'+this.contentsHeight+'" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>';