我在页面上有多个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?
任何帮助/指示赞赏!