0

私のVideoJSおよびHTML5プロジェクトは、モバイルブラウザ（Android2.3+およびIOS4+）だけでなく、より新しいWebブラウザ（FireFoxおよびChromeの新しいバージョン）を対象としています。

「準備ができた」後にすべてのビデオを自動再生したい。私はこれをいくつかの方法で試しましたが（以下の方法で説明）、自動再生はFireFoxとChromeでのみ実際に機能することに気付きました。つまり、モバイルブラウザはただ座って回転するだけです。

ネイティブエミュレータでモバイルブラウザをデバッグするまでには至っていません。これをトラブルシューティングする方法について、ここの誰かが以前にアドバイスを持っているかどうかを確認したかったのです。

ありがとう

方法1

タグにautoplay="true"属性を追加します。<video>

<video id="my_videoplayer" class="video-js vjs-default-skin" controls
autoplay="true" preload="auto" width="425" height="225" poster="/img/Logo.png"
data-setup="{}">
    {% if is_help_video %}
    <source src="{{rackspace_cdn_url}}{{video_id}}" type="{{video_type}}">
    {% else %}
    <source src="{{rackspace_cdn_url}}{{video_id}}" type="{{video_type}}">
    {% endif %}
</video>

方法2

autoplay="true"タグから属性を削除<video>し、「準備完了」コールバックでVideoJSAPIを使用して試してください。

_V_('my_videoplayer').ready(function(){  

    MIMIC.video_player = this;

    this.addEvent( "ended", function(){

        {% if not is_help_video %}
            show_transition( true );
        {% endif %}

    });

    /*
    **
    **  try autoplay
    **
    */
    this.play();

});
4

1 に答える 1

1

iOS ブラウザーは、人間が操作する前の再生をサポートしていません。自動再生は機能せず、API を介して再生を開始する前にタッチ/クリック イベントが必要です。Android ブラウザーは現在、その動作に従います。

于 2013-01-02T18:44:03.277 に答える