Apple/Safariでモバイルデバイスで背景ビデオを再生する問題

Question

私は、BigVideo.jsを使用してフルスクリーンの背景ビデオを持つサイトを持っています。 （）モバイルデバイスでは、Androidがうまく機能しています。しかし、アップルのデバイスでは、ビデオは「再生」ボタンで読み込まれます。このボタンをクリックすると、モーダルウィンドウの上部にあるビデオが読み込まれます。これをデスクトップ/アンドロイドデバイスのように動作させる方法に関するアイデアは、ビデオがバックグラウンドでシームレスに再生される場所ですか？ビデオを検出し、モーダルで再生を強制する、Appleのアプリ駆動イベントがありますか？

例HTML：

<div class="screen" data-video="vid/1-Statue.mp4"> 

Answer 1

多くのモバイルデバイスは、ビデオ自動再生をサポートしていない - アイデアは、大規模なモバイルデータ法案を実行しているユーザーを避けるためです。前回は、iOSのすべての小型デバイスを見ました。つまり、iPhoneはそうではありませんでした。

あなたのために有用である可能性が自動再生のためのテストが含まれ、ブラウザの機能を検出するために、人気のあるJavaScriptライブラリがあります：

同様に、インラインビデオは、すべてのモバイルでサポートされていません

• https://github.com/Modernizr/Modernizr/blob/master/feature-detects/video/autoplay.js

デバイス - 進化しているデバイスが増えていますが、それに頼るのは良い考えではありません。ここでも、（インラインビデオは私の知る限りリコールとして、iPadの上で私がチェックした最後の時間を動作します）iPhone上でこの問題に対処しようとしている少なくとも一つのオープンソースライブラリがあります：情報のため

• https://github.com/newshorts/InlineVideo