我设计的网站有一个全屏HTML5视频。最近我们意识到有些iPad设备根本不显示视频 - 只是一个小黑盒子。
视频本身是H.264 - （MPEG-4 AVC），带有AAC音轨。
奇怪的是，此视频问题仅限于iPad 3，iPad 4和iPad Mini（第1代）设备。我测试过的所有其他平台和浏览器组合都可以播放视频 - 包括其他iPad和iOS设备（例如iPad 2，iPad Air）。
为什么视频没有出现在这些设备上？
这是我用来在网页上嵌入视频的代码：
<style>
#videoContainer { position: relative; width: 100%; }
#siteVideo { width: 100%; }
</style>
<div id="videoContainer">
<video id="siteVideo" autoplay loop muted poster="video-poster.jpg" src='new-movie.mp4' type='video/mp4'></video>
</div>