Apple Ipad with vimeo?

[Criscd]

Hello

I am trying to use cerabox with a js variable and it's work perfect on
- All Browser on PC
- On device mobile like Android

But don't work on Ipad (i have ios 6.0.1)


My code
(i take your sample with the same video on vimeo)

// Advanced example
var advancedVar = new Element('div', {'styles':{'width':400,'height':225} } ).adopt([
   new Swiff('http://vimeo.com/moogaloop.swf?clip_id=22439234&server=vimeo.com&show_title=1&show_byline=1&show_portrait=1&color=00adef&fullscreen=1&autoplay=0&loop=0', {
       width: 400,
      height: 225,
      params: {
         allowfullscreen: true,
         allowscriptaccess: 'always',
         wMode: 'opaque'
      }
   })
]);


Can you tell me something?

thanks
Kriscd

[Cera media]

Hi Kriscd,

The reason that specific example is not working is because iOS does not support flash. You could probably create a HTML5 version instead.

var advancedVar = new Element('video', {'controls':true, 'styles':{'width':'100%','height':'100%','display':'block'}}).adopt([

new Element('source', {'src':'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4', 'type':'video/mp4'}),

new Element('source', {'src':'http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm', 'type':'video/webm'}),

new Element('source', {'src':'http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv', 'type':'video/ogg'})

]);

Only downside is no support on old browsers and iOS seems to have trouble with clickable elements on top of the video element (close button). I dont have a fix for that, hope this helps in anyway.

Cheers

[Criscd]

At the end... after reading vimeo support,
http://developer.vimeo.com/player/embedding

I choose to adopt this

  // Advanced example".NL;
   var advancedVar = new Element('iframe',
   {
          src: 'http://player.vimeo.com/video/".$my_id_video."',
   })".NL;


Many Thanks
Kriscd