Question

当用户点击网站上的特定按钮时，我正在使用带有froogaloop库的vimeo player js API来启动视频。

以下是我嵌入视频的方式：

<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>

以下是我使用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');
    });

});

因此，当玩家准备就绪时，我将“点击”事件绑定到“观看视频”父容器。它适用于桌面。但是当我在iPhone 3GS或iPad模拟器上试用它时，视频无法启动。我还检查了网站上的vimeo示例：

Example 1 Example 2

它们也不适用于移动设备。

在移动设备上，此API仅在您使用播放器中的播放按钮手动启动视频后才能使用。但是如果你加载页面，不要手动启动视频并尝试用JS播放它 - 它将无法正常工作。

有人面对这个问题吗？或者我做错了什么？

Answer 1

我不认为它是一个vimeo问题 - 它与IOS＆amp; amp; Android的政策是在没有用户互动的情况下不播放视频。请参阅此答案：On iPhone, Vimeo Javascript API .play() function doesn't work until the video has been played

Answer 2

如果你看这里它有一个兼容性表。看起来不支持带播放选项的移动设备。

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

Answer 3

如果您拥有“Vimeo Plus”帐户，Vimeo只能制作电影的“移动安全”版本。因此，如果您没有加号帐户，视频将永远不会“准备就绪”（=已加载）。

Vimeo播放器js API无法在移动设备上运行

3 个答案: