2

API を使用して動画を再生しようとしていますが、iOS のプレーヤーで再生ボタンをクリックした後にのみ機能します。デスクトップと Android 用 Chrome では、問題なく動作しています。

http://codepen.io/bdougherty/pen/JgDfm

$(function() {
    var iframe = $('#player1')[0];
    var player = $f(iframe);
    var status = $('.status');

    // When the player is ready, add listeners for pause, finish, and playProgress
    player.addEvent('ready', function() {
        status.text('ready');

        player.addEvent('pause', onPause);
        player.addEvent('finish', onFinish);
        player.addEvent('playProgress', onPlayProgress);
    });

    // Call the API when a button is pressed
    $('button').bind('click', function() {
        player.api($(this).text().toLowerCase());
    });

    function onPause() {
        status.text('paused');
    }

    function onFinish() {
        status.text('finished');
    }

    function onPlayProgress(data) {
        status.text(data.seconds + 's played');
    }
});

<script src="https://f.vimeocdn.com/js/froogaloop2.min.js"></script>
<iframe id="player1" src="https://player.vimeo.com/video/76979871?api=1&player_id=player1" width="630" height="354" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

<div>
  <button>Play</button>
  <button>Pause</button>
  <p>Status: <span class="status">&hellip;</span></p>
</div>

使用できる回避策はありますか?

4

1 に答える 1

3

Vimeo サポート チームに連絡しました。Chrome Mobile (Android) では動作が異なるとのことでした。これは、そのブラウザー (Chrome Mobile) で Player を使用できるためです。iOS では、再生は iOS ネイティブ メディア プレーヤーによって処理されます。

Play メソッドは、ユーザーが最初に画面上の再生ボタンをタップして再生を開始した場合にのみ呼び出すことができます (iOS の場合)。

関連する質問: iPad で HTML5 ビデオを自動再生できますか?

于 2016-03-14T19:04:16.350 に答える