私が知る限り、私はau courantの慣行に従っています
<video width="960" height="540" poster="path/to/movie.jpg" controls preload>
<source src="path/to/movie.m4v" type="video/mp4;" />
<source src="path/to/movie.mp4" type="video/mp4;" />
<source src="path/to/movie.webm" type="video/webm;" />
<source src="path/to/movie.ogv" type="video/ogg;" />
Sorry, your browser has no video playback capabilities
</video>
ムービーは Safari、Firefox、および Chrome で再生されます。実際、映画は私の iPad でも再生されます。たとえば、Dropbox 経由で直接表示した場合も同様です。ただし、iPad の Safari を使用してページを表示すると、再生ボタンに太いスラッシュが表示されます。
提案?
更新:コードを最小限に簡素化しました。同じ結果です。すべてのデスクトップ ブラウザーで動作しますが、iPadの再生ボタンにスラッシュがあります。はい、ビデオの mp4 バージョンは iPad で直接開いて問題なく再生されます。つまり、Dropbox から開いた場合です。