11

このコードを使用して、ビデオ (バナーなど、コントロールがない) を自動再生し、永久にループします。

<video id="video1" class="video-js vjs-default-skin"
      controls width="900" height="500"
      poster="myposter.jpg"
      data-setup='{
        "controls": false,
        "loop": "true",
        "autoplay": true, 
        "preload": "true"}'>
         <source src="thisismyvideoyay.webm" type='video/webm' />
    </video>

私のコンピューターでは正常に動作しますが、私の電話 (Chrome を搭載した Android OS 4.2.2) では、自動再生やプリロードが行われず、終了後にループしません。

Video.jsページでこれを読みました:

自動: ビデオの読み込みをすぐに開始します (ブラウザが同意した場合)。iPhone や iPad などの一部のモバイル デバイスは、ユーザーの帯域幅を保護するためにビデオをプリロードしません。これが、値が「true」のようなより最終的なものではなく、「auto」と呼ばれる理由です。

プリロードを true に設定しましたが、それでも自動再生またはループしません。

これは私のブラウザの機能ですか?どうすれば回避できますか?

私は他のブラウザで試しました:

  • UC Browser は HTML5 をまったくサポートしていないようですか?
  • Stock ブラウザには小さなビデオ アイコンが表示されますが、プレーヤーも表示されません。
  • ↑ Maxthon と同じ ↑</li>
4

5 に答える 5

15

iOS での自動再生の問題を解決するには、videojsオプションを使用してビデオを自動再生しないでください。

つまり、これは機能しません。

<video id="my-video-id" autoplay></video>

これもありません:

videojs('my-video-id', {
    "autoplay": true
});

代わりに、ビデオ オブジェクトが読み込まれるのを待ってから、再生アクションをトリガーします。

videojs('my-video-id').ready(function() {
    this.play();
});
于 2015-07-07T05:01:42.677 に答える
-1
player.ready(function() {
  setTimeout(function() {
     player.play();
  }, 1000);
});
于 2021-06-25T02:12:22.823 に答える