HTML5视频标记在Safari,iPhone和iPad上无法使用

我试图创建一个html5网页，其中有一个小视频，如13s，我将此视频的Flash版本转换为3格式：.ogv使用fireFogg，.webm使用firefogg也和.mp4使用HandBrake应用程序的html脚本我在我的页面中使用：

<video  width="800" height="640" loop preload="false" autoplay  controls tabindex="0">
<source src="xmasvideo/video.mp4" type="video/mp4">
<source src="xmasvideo/M&P-Xmas 2.ogv" type="video/ogv">
<source type="video/webm" src="xmasvideo/M&P-Xmas.webm"></source>
</video>

该视频在Chrome和FireFox工作正常，但在桌面上的Safari或iPhone或iPad上都不工作，输出只是一个空白页，显示视频标签的控件，但没有加载

请注意，我支持HTML5视频的Safari版本

解决方法

您的未来搜索者的另一个可能的解决方案：
(如果你的问题不是mimetype问题。)

由于某些原因，视频不会在iPad上播放，除非我设置controls =“true”标志。

示例：这对我在iPhone上，但不是iPad。

<video loop autoplay width='100%' height='100%' src='//some_video.mp4' type='video/mp4'></video>

现在这个工作在iPad和iPhone上：

<video loop autoplay controls="true" width='100%' height='100%' src='//some_video.mp4' type='video/mp4'></video>

原文地址：https://www.jb51.cc/html5/169540.html