2

ユーザーがサイトの特定のボタンをクリックしたときにビデオを開始するために、froogaloop ライブラリで vimeo プレーヤー 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の例を確認しました：

例 1 例 2

また、モバイル デバイスでも機能しません。

モバイル デバイスでは、プレーヤーの再生ボタンを使用して手動でビデオを開始した後にのみ、この API が機能します。ただし、ページをロードする場合は、ビデオを手動で開始せず、JS で再生しようとしないでください。動作しません。

誰かがこの問題に直面しましたか? それとも私は何か間違ったことをしていますか？

4

3 に答える 3

1

これは vimeo の問題ではないと思います。これは、ユーザーの操作なしではビデオを再生しないという IOS および Android のポリシーに関連しています。この回答を参照してください: iPhone では、ビデオが再生されるまで Vimeo Javascript API .play() 関数は機能しません

于 2014-09-25T21:21:30.327 に答える
1

ここを見ると、互換性の表があります。再生オプション付きのモバイルはサポートされていないようです。

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

于 2015-01-14T20:59:03.967 に答える
0

「Vimeo Plus」アカウントをお持ちの場合、Vimeo は映画の「モバイルセーフ」バージョンのみを作成します。したがって、plus アカウントを持っていない場合、ビデオは決して「準備完了」(= ロード済み) になりません。

于 2013-11-20T12:54:36.387 に答える