web-dev-qa-db-ja.com

HTML5ビデオの自動再生が正しく機能しない

私はこのコードを使用しています：

<video width="440px" loop="true" autoplay="true" controls>
<source src="http://www.tuscorlloyds.com/CorporateVideo.mp4" type="video/mp4" />
<source src="http://www.tuscorlloyds.com/CorporateVideo.ogv" type="video/ogv" />
<source src="http://www.tuscorlloyds.com/CorporateVideo.webm" type="video/webm" />
</video>

ビデオを自動再生する必要がありますが、ページを読み込んだときにビデオが再生されない場合、（コントロールを表示するために）ビデオにカーソルを合わせると、ビデオは常に2秒で停止しますが、停止して続行しないというバッファリングの問題のようです。

ここにハチを見ることができます： http://www.tuscorlloyds.com （動画は右上にあります）

注：サイトに再度アクセスしたばかりで、自動再生が機能しているように見えましたが、同じ問題が再び発生した場合、これはバッファリングの問題ですか？これを止めるために私にできることは何ですか？

多くのありがとうニック

videovideo-streaminghtml5-videoautoplay
13
NickMcB

autoplay="autoplay"の代わりに"true"値。これが、自動再生を有効にする文書化された方法です。それは奇妙に冗長に聞こえます、私は知っています。

20
Multimedia Mike

通常、モバイルブラウザはこの属性を無視して、ユーザーが明示的にダウンロードを開始するまでデータの消費を防ぎます。

[〜＃〜] update [〜＃〜]：AndroidおよびiOSがサポートするモバイルブラウザの新しいバージョン自動再生機能。ただし、動画がミュートされているか、音声チャンネルがない場合にのみ機能します：

追加情報： https://webkit.org/blog/6784/new-video-policies-for-ios/

19
Adorjan Princz

実用的なソリューション2018年10月、オーディオチャンネルを含むビデオ用

 $(document).ready(function() {
     $('video').prop('muted',true).play()
 });
3
mate.gwozdz