关键词：
【中文标题】检测在移动设备上离开全屏 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。
【讨论】：
iframe 中的 FancyBox 图像在移动设备上没有响应
】iframe中的FancyBox图像在移动设备上没有响应【英文标题】：FancyBoxImagesiniframearenotresponsiveonmobiledevices【发布时间】：2013-08-2211:13:26【问题描述】：我有一个小问题。我需要创建一个画廊，在哪里嵌入youtube-videos一个普通的图像显... 查看详情
CSS全屏背景在移动设备上滚动时底部显示白条
】CSS全屏背景在移动设备上滚动时底部显示白条【英文标题】：CSSfullscreenbackgroundshowswhitebaratbottomwhenscrollingonmobile【发布时间】：2021-03-1803:20:30【问题描述】：我有一个带有全屏背景图片的网站。html,bodyheight:100vh;htmlbackground:url(\'... 查看详情
Firebase v9 在移动设备上加载大型 iframe.js (263K)
】Firebasev9在移动设备上加载大型iframe.js(263K)【英文标题】：Firebasev9loadsalargeiframe.js(263K)onmobile【发布时间】：2021-10-1123:46:45【问题描述】：将Firebase从V8升级到V9后，仅在移动版本上，有一个IFRAME从https://[FirebaseprojectId].firebaseapp加... 查看详情
Youtube iFrame API setPlaybackQuality 在移动设备上被忽略
】YoutubeiFrameAPIsetPlaybackQuality在移动设备上被忽略【英文标题】：YoutubeiFrameAPIsetPlaybackQualityignoredonmobiledevice【发布时间】：2015-02-1803:49:33【问题描述】：我正在尝试设置YouTubeiframeAPI以播放质量较低的全高清视频。我的目标是节省... 查看详情
检测移动设备上的访问[重复]
】检测移动设备上的访问[重复]【英文标题】：Detectionofaccessingonamobiledevice[duplicate]【发布时间】：2015-02-2508:37:20【问题描述】：我有一个正在开发的网站，我计划在它旁边发布一个配套应用程序，因为它在移动设备上看起来不像... 查看详情
iframe youtube 始终位于移动设备上的其他元素之上
】iframeyoutube始终位于移动设备上的其他元素之上【英文标题】：iframeyoutubealwaysontopofotherelementsonmobile【发布时间】：2012-08-1015:57:23【问题描述】：我正在使用youtube来嵌入我的视频，并且如果点击某些元素，这些元素应该会出现... 查看详情
如何检测iOS离开全屏视频？
】如何检测iOS离开全屏视频？【英文标题】：HowtodetectiOSleavingfullscreenvideo?【发布时间】：2015-11-2013:48:50【问题描述】：如何检测iOS上的视频何时关闭？我正在运行videojs，它将HTML5视频作为本机视频播放器启动。为了正确反应，... 查看详情
检测移动设备的最佳方法是啥？
】检测移动设备的最佳方法是啥？【英文标题】：Whatisthebestwaytodetectamobiledevice?检测移动设备的最佳方法是什么？【发布时间】：2011-03-3116:43:26【问题描述】：有没有办法在jQuery中检测用户是否在使用移动设备？类似于CSS@media属... 查看详情
在响应式网站上检测对移动设备的最大视频分辨率支持
】在响应式网站上检测对移动设备的最大视频分辨率支持【英文标题】：Detectmaxvideoresolutionsupportforamobiledeviceonresponsivewebsite【发布时间】：2013-05-2806:06:51【问题描述】：正如标题所说，我正在寻找用于显示不同尺寸分辨率的html5... 查看详情
在响应式网站上检测对移动设备的最大视频分辨率支持
】在响应式网站上检测对移动设备的最大视频分辨率支持【英文标题】：Detectmaxvideoresolutionsupportforamobiledeviceonresponsivewebsite【发布时间】：2013-05-2806:06:51【问题描述】：正如标题所说，我正在寻找用于显示不同尺寸分辨率的html5... 查看详情
在 iframe 上时检测 mousemove？
】在iframe上时检测mousemove？【英文标题】：Detectmousemovewhenoveraniframe?【发布时间】：2011-08-0411:13:01【问题描述】：我有一个占据整个窗口（100%宽，100%高）的iframe，我需要主窗口能够检测鼠标何时移动。已经在iframe上尝试了onMouseM... 查看详情
如何在 youtube Iframe 上禁用全屏？
】如何在youtubeIframe上禁用全屏？【英文标题】：HowtodisablefullscreenonyoutubeIframe?【发布时间】：2017-03-3106:08:35【问题描述】：我有一个div容器和Iframe里面。我指定了宽度=200和高度=200。当我点击全屏时，视频变得模糊，质量很差。... 查看详情
如何在移动设备上手动触发 mouseleave 事件
】如何在移动设备上手动触发mouseleave事件【英文标题】：Howtomanuallytriggerthemouseleaveeventonamobiledevice【发布时间】：2021-11-2022:49:42【问题描述】：我想将hover上的链接颜色更改为橙色。在移动设备上，当用户触摸该链接时，它... 查看详情
检测一些移动设备
】检测一些移动设备【英文标题】：Detectingsomemobiledevices【发布时间】：2013-07-1417:45:42【问题描述】：什么是移动设备？平板电脑是否被视为移动设备？我想——那些属于小屏幕范围的设备，如iPhone、Android手机、iPod等。我不想... 查看详情
在移动设备上，ReactJS 背景视频（样式化的组件）会跳转到全屏，您必须将其滑开才能将其移除。你如何解决这个问题？
】在移动设备上，ReactJS背景视频（样式化的组件）会跳转到全屏，您必须将其滑开才能将其移除。你如何解决这个问题？【英文标题】：Onmobile,ReactJSbackgroundvideo(styledcomponents)jumpstothefullscreenandyouhavetoswipeitawaytoremoveit.Howdoyoufixthis?... 查看详情
在 IE11 中离开全屏
】在IE11中离开全屏【英文标题】：LeavingfullscreeninIE11【发布时间】：2017-07-2400:21:20【问题描述】：使用IE11，如果我从工具栏上的按钮进入全屏模式，然后按F11离开全屏模式，查看器会继续填满浏览器窗口，直到您按离开全屏按... 查看详情
检测设备前后移动
】检测设备前后移动【英文标题】：Detectdeviceforwardbackwardmovement【发布时间】：2017-06-2017:50:10【问题描述】：我可以通过任何方式找到我的设备是向前还是向后移动。考虑一下我是否将我的设备放在一个移动的物体上，比如一辆... 查看详情
检测移动设备和方向以添加代码
】检测移动设备和方向以添加代码【英文标题】：Detectbothmobiledeviceandorientationtoaddacode【发布时间】：2022-01-0303:16:03【问题描述】：如果用户在移动设备上并且方向是纵向，我想向他们显示文本。为了检测移动设备，我正在使用... 查看详情