检测在移动设备上离开全屏 iframe

Posted 2023-05-09

【中文标题】检测在移动设备上离开全屏 iframe

【英文标题】：Detect leave fullscreen iframe on mobile

【发布时间】：2018-01-05 23:55:18

【问题描述】：

我在一个页面上有多个 iframe，当它们开始播放时，它们会自动在移动设备上全屏显示。我正在使用 youtube api 加载视频，并在顶部有一个带有自定义播放按钮的“封面”图像。在移动设备上，当用户单击播放按钮时，封面图像会消失，视频会全屏播放并开始播放——到目前为止一切都很好。但是我需要能够做的是，当用户单击“完成”时，视频会离开全屏（它确实如此）并且封面图像会重新出现（它目前没有）。问题是我似乎无法检测到用户何时点击“完成”。

我尝试过使用：

$('iframe').bind('webkitendfullscreen', function() 

    // code in here shows the cover image but even just a standard alert isn't firing.
    $('#coverImage').show();

);

无论我做什么，webkitendfullscreen 都不会触发。有没有办法检测 iframe 何时在移动设备上完成？

感谢任何帮助/指针！

【参考方案1】：

根据来自这个SO post的powtac的回答：

您不能与不在同一域下的 iframe 进行交互。 浏览器的政策始终会阻止这种情况。

我想从这个SO post 你会知道你的问题。

您也可以查看SO post。