2

I'm using vimeo player js API with froogaloop library for starting video when user clicks on the specific button on the site.

Here is how I embed video:

<iframe id="my_video" src="video_source?title=0&byline=0&portrait=0&color=fd735b&api=1&player_id=my_video" width="940" height="529" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

And here is how I use js API:

var iframe = $('#my_video')[0];
var player = $f(iframe);

player.addEvent('ready', function() {

    $("#watch_video_wrapper").bind('click', function(){
    $("html, body").animate({ scrollTop: $('#video_page').offset().top }, 3500);
    player.api('play');
    });

});

So when player is ready I bind 'click' event to the "Watch Video" parent container. It works on the desktops. But when I tried it on iPhone 3GS or iPad simulator video is not starting. Also I checked vimeo example on the site:

Example 1 Example 2

and they do not work on mobile devices too.

On mobile devices this API will work only after you have started video manually with play button in player. But if you load page, do not start video manually and try to play it with JS - it will not work.

Did anybody face with this problem? Or I'm doing something wrong?

Tamara
  • 2,910
  • 6
  • 44
  • 73

3 Answers3

1

I dont think its a vimeo issue - its related to IOS & Android's policies around not playing video without user interaction. See this answer : On iPhone, Vimeo Javascript API .play() function doesn't work until the video has been played

Community
  • 1
  • 1
Mike
  • 628
  • 10
  • 22
1

If you look right here it has a table of compatibilities. It looks like mobile with the play option is not supported.

https://developer.vimeo.com/player/js-api#function-compatibility

Binary101010
  • 580
  • 4
  • 11
  • It is in the GitHub docs too https://github.com/vimeo/player.js#play-promisevoid-passworderrorprivacyerrorerror – JayChase Mar 25 '18 at 13:32
0

Vimeo only makes "mobile safe" versions of the movie if you have a "Vimeo Plus" account. So if you don't have a plus account, the video will never be "ready" (= loaded).

desloovere_j
  • 716
  • 7
  • 8
  • Thanks for answer. But I still don't understand why examples on the vimeo player website is not working when I browse it from phone. On the site I see status of video "ready", but play button is not working. [Here is the page I'm talking about](http://developer.vimeo.com/player/js-api) – Tamara Nov 20 '13 at 13:32