iPad 7上的Safari 7在Portrait上随机显示错误的视频元素大小

Question

我正在为我的公司开发一个网站，并且有一个页面有8个视频，使用HTML5 video标记。它看起来像这样：

        <div style="CLEAR:both; text-align: center; max-width: 100%; ">
            <video preload="none" id="video1"  width="480" height="360" controls  poster="/images/video_thumbnails/poster1.png">
                <source src="/videos/video1.mp4" type="video/mp4">
                Please update your browser.
            </video>
        </div>

这是我的CSS：

video {
    width: 482px;
    height: 362px;
    padding: 2px;
    background-color: black;
}

我所有的视频和海报都是480x360像素。它在流行的浏览器上看起来很好，但在iPad 7上，仅在纵向模式下，8个视频中的一个总是有错误的大小：

如果我将iPad旋转到横向，那没关系。如果我播放那个有问题的视频，视频只播放480x360帧，剩余的黑色边框就会停留在那里。海报也在肖像或风景中消失了。

Answer 1

发现问题。这可能看起来很奇怪，但你需要......重启iPad来修复它！还有其他类似问题的问题，我也按照他们的回答。