iOS10 Chromeでビデオが再生されない

Question

このビデオのスニペットで何が問題なのかわかりません。

<video poster="sample.jpg" loop autoplay controls muted playsinline> 
    <source type="video/webm" src="sample.webm"></source> 
    <source type="video/mp4" src="sample.mp4"></source> 
</video> 

ビデオは（iOSの以前のバージョンに対してテストが、私の唯一の懸念は、自動再生の問題があることがありますか？）Safariで何の問題もなく演じているが、Chromeで私が見る唯一のものは表紙画像です何もトリガーしない再生ボタンがあります。何か不足していますか？私は本当にそれを動作させるためにJSを使用する必要がありますか？

更新：iOS ChromeでWebmファイルを再生する際に問題が発生したようです。さまざまな場所から複数のファイルを試しましたが、再生する前にまずダウンロードする必要があるようです。

Answer 1

Google Chromeは現在、それが何か後に来る場合、それは.webmビデオを自動再生しませんれバグがあります。前のアドバイスは、GitHubの上でスクリプトの再生例（video.jsとsimpl）を使用しようとすると、問題が解決しない場合はhttp://thenewcode.com/777/Create-Fullscreen-HTML5-Page-Background-Video

：

https://github.com/videojs/video.js

で公開コードを使用するようにしてくださいhttps://github.com/samdutton/simpl/blob/gh-pages/video/scripted/index.html

また、モバイルブラウザでミュート自動再生にdicated：

https://github.com/whatwg/html/issues/976

S.O.を読み取るために有用である必要があります同様投稿：

Efficiently detect if a device will play silent videos that have the autoplay attribute

Answer 2

私はちょうどこのビデオスニペットで間違っているものを見つけるように見えることはできません。

<video poster="sample.jpg" loop autoplay controls muted playsinline> 
    <source type="video/webm" src="sample.webm"></source> 
    <source type="video/mp4" src="sample.mp4"></source> 
</video> 

...更新：iOS ChromeでWebMのファイルを再生すると問題がありますようです。

最も簡単かつ最高の修正は、あなたが最初にMP4ファイルを宣言した後、第2位（あなた示した順序の逆）にWEBMを宣言することを確認することです。私は、iOSがHTML5ビデオタグの最初のファイルとしてmp4を期待していると思います。すべてのiOSが表示されるsrc="sample.webm"は有効なMPEGコーデックではないため、"...何かをトリガーしない再生ボタン"につながります。あなたはどこかで静かなエラーがあります。

試してみてください。

<video poster="sample.jpg" loop autoplay controls muted playsinline> 
    <source type="video/mp4" src="sample.mp4"></source> 
    <source type="video/webm" src="sample.webm"></source> 
</video> 

サイドノート：ちょうど私の意見しかし、私は、メイン支援システム（グーグル・ベースの技術）は、すでにとにかくMP4を扱うことができるので、ここでWEBMを持つことが冗長であると思います。[エンドユーザーの]

のブラウザでこれらのビデオデコーダを提供するより良い（ただのFirefoxの場合） OGV MP4またはの選択。

PS：SIMデータの許容量により、ほとんどのモバイルシステムで自動再生が無効になります。エンドユーザーはそのビデオを再生する必要があります。おそらくネット上に巧妙な回避策があると思いますが、これは予想される動作なので、現在のコードでは問題ではありません。