HTML5ビデオ属性に「コントロール」を含めない場合に発見しました。
iPadはビデオを再生しません。
HTML5ビデオコントロールを削除するにはどうすればよいですか。ビデオが正常に機能することを許可しながら; iPadiOSで。
注://スクリプトを使用して「コントロール」を削除できますか。HTML5ビデオマークアップ内でそれを無傷に保ちながら; これは実行可能な解決策でしょうか?
ユーザーは、ビデオを操作できるようにするためのコントロールが必要です。それ以外の場合、どのように再生、一時停止などを行うことができますか?
JavaScript を使用してコントロールを削除することはできますが、同じ効果があり、ユーザーはビデオをコントロールできなくなります。
そのため、コントロールをそのままにしておくか、非表示にして、Media API を使用して独自のセットを作成する必要があります (「HTML5 マルチメディア コンポーネントの操作 – パート 3: カスタム コントロール」を参照)。このようにして、たとえばコントロールを制限できます。
ユーザーがビデオを「クリック」したときにビデオを再生できるようにするだけの場合は、次のようなものを試すことができます。
var video = document.getElementById('myVideoId');
video.addEventListener('click', function() { video.play(); }, false);
設計上、ビデオを自動再生することはできませんが、再生が開始された後にコントロールを削除するのは簡単です。
<video id="video" src="video.mp4" poster="image.jpg" preload="auto" onplaying="this.controls=false"/></video>
(iPad がこのpreload="auto"
属性を尊重するかどうかはわかりませんが、いずれにせよ含めても問題はありません)。
私の場合、イベントがビデオ自体から来たときに機能したくなかったので、最終的にはビデオの表面を完全に覆う目に見えないdivを伸ばす必要がありました
また、発生する必要があるクリックイベントに何らかの形で関連しています。他のすべてのデバイスで完全に正常に動作する非常に深い JS ロジックを作成しましたが、IPAD では、別のアイテムがクリックされた場合にのみ「最初の再生」が機能します (組み込みのコントロールがオフの場合のシナリオについてここで話している)奇妙ですが、他に何もうまくいきませんでした。これが役立つことを願っています