我有一个简单的iframe用于在我的网站上显示vimeo视频,如下所示:
<div class="video">
<iframe src="//player.vimeo.com/video/88893424" width="960px" height="540px" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen>
</iframe>
</div>
它在所有标准计算机浏览器上都很有魅力。 Ajax在整个站点中使用,并且在具有视频且不能完全按预期工作的页面之间进行转换 - Ajax抓取新页面内容,将其滑动,删除旧内容,以及视频完美运行。
但是,在iOS Safari上,视频无法加载。保留视频的空间 - 页面上的其他内容围绕视频应该在的区域流动,这告诉我正在加载div,并且浏览器正在注册iframe元素的高度和宽度信息。但没有视频,没有。不过,重新加载新页面,视频就在那里,播放得很好。
所以我的问题是:为什么需要重新加载?我可能做错了导致AJAX失败的错误?我已经阅读了SO的几个答案,这些答案似乎将头部信息和跨站点戏剧归罪,但它是围绕着跳舞而没有解释。谁能让我清楚地了解这里发生了什么?