检测在移动设备上保留全屏iframe

时间:2017-07-30 09:43:58

标签: javascript jquery iframe mobile youtube-api

我在页面上有多个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 个答案:

答案 0 :(得分:0)

根据powtac的回答SO post

  

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

我想从SO post开始,你会对你的问题有一个暗示。

您也可以查看此SO post