私は、再生中のビデオと同期して他のコンテンツをレンダリングする HTML5 タグと JavaScript コードを使用する Web アプリを作成しました。デスクトップ ブラウザー (Firefox、Chrome、Safari) では問題なく動作します。iPhone または DroidX では、ネイティブ ビデオ プレーヤーがポップアップ表示されて画面を占有するため、ビデオと同時に表示したい他の動的コンテンツが見えにくくなります。
これを回避する方法はありますか? 必要であれば、両方のプラットフォーム用のネイティブ アプリを作成する方法を考えますが、HTML5/JavaScript に固執できれば、多大な労力を節約できます。
ベストアンサー1
iOS 10以降の場合
Apple は iOS 10 のすべてのブラウザでこの属性を有効にしたplaysinlineため、これはシームレスに動作します。
<video src="file.mp4" playsinline>
iOS 8およびiOS 9では
短い答え：使用iPhone インラインビデオ、インライン再生を有効にし、オーディオを同期します。
長い答え:この問題を回避するには、再生をシミュレートします。スキミング.play()実際にビデオを見るのではなく、ビデオを視聴します。