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

Question

我在一个页面上有多个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();
});

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

任何帮助/指示感谢！

Answer 1

根据 powtac 从这个 SO 帖子的答案：

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

我认为从这篇 SO 帖子中，您会对您的问题有所提示。

您也可以查看此SO帖子。