動画携帯電話やタブレットで自動再生しない

Question

私はまず最初に適切なウェブサイトをブートストラップとともに作成しました。ほぼ私はそれが欲しいところにウェブサイトを持っていた。私はメインページ（.mp4 1080p）のビデオを持っています。ループと自動再生が設定されています。ラップトップでは完璧に動作しますが、携帯電話やタブレットではうまく動作しません。

IpadとIphoneで試してみましたが、自動再生ができません。再生ボタンをクリックする必要があります。私はこれに目を通し、IOS10以上のもので動作することになっています。これはどちらも同じであり、サウンドトラックもありません。私のアンドロイド携帯電話では、それは単にブラックボックスとして表示され、私は再生や一時停止または何も傾けることはできません。

ご協力いただければ幸いです。ウェブサイトは実際にwww.dtlaerialservices.co.ukのライブです、私は必要な場合はここにコードを配置することができます。

<div class="container-fluid"> 
<div align="center" class="embed-responsive embed-responsive-16by9"> 
<video autoplay loop class="embed-responsive-item"> 
<source src="videos/loop.mp4" type="video/mp4"> 
</video> 

Answer 1

これは非常に一般的な問題で、エンコードの問題です。 H264をビデオコーデックとして使用し、AACをオーディオコーデックとして使用してビデオをエンコードする必要があります。

ビデオコーデックとしてH264を使用する場合は、プロファイルも選択する必要があります。プロファイルが高いほど、デコードに要するCPUパワーが増え、同じビットレートで見栄えの良いビデオを生成することができます。ターゲットデバイスがサポートする最適なプロファイルを常に選択する必要があります。

たとえば、デスクトップブラウザ、iPhone 4S +、iPad 2+、Android 4.x +タブレット、Xbox 360、プレイステーション3の最大サポートプロファイルはハイプロファイルです。

ほとんどのデバイスには、最大の解像度とビットレートがあります。これは通常、H.264レベルで表されます。

ffmpegユーティリティを使用してビデオを再エンコードすることができます。

私個人的にはあなただけへの変換オプションを設定する必要があり、CloudConvertと呼ばれるウェブサイトを使用します。

• ビデオコーデック：H264
• オーディオコーデック：AAC
• その他のオプションはデフォルト値のままにします

hereもあります。