据我所知,我正在遵循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 打开时。