YouTube在移动Safari上的嵌入时间中断

时间:2019-03-20 22:12:41

标签: css iframe safari transform

我再次遇到一个奇怪的问题,它恰好再次出现在iPhone的Safari中。 macOS上的Safari可以正常运行,所有其他主要浏览器也可以正常运行。

这是问题所在:将YouTube视频嵌入iframe中会使iframe向左移出视口。 没有对iframe或任何父元素应用任何变换。我仔细检查了一下,但我很走运。有趣的是,有两个怪癖:

  1. 可点击区域保持不变。我可以与内容进行互动,就像它处于正确的位置一样。
  2. 切换到标签概述可正确呈现视频。

以下是一些截图来说明问题:




我也有created a JSFiddle再现了问题,标记直接来自项目。在iPhone上的移动Safari或macOS上的模拟器中访问它,以查看实际问题。 (使用this link进行全屏访问)

任何帮助将不胜感激。

0 个答案:

没有答案