iframe嵌入Dailymotion全屏时APP弹窗及返回闪退问题解决咨询

我之前处理过不少WebView嵌入视频的全屏问题，你遇到的情况大概率是Dailymotion视频默认的全屏行为触发了APP的外部跳转——系统把视频全屏当成了打开外部应用，所以按返回键时直接关闭了你的APP。试试对iframe做这几个修改：

1. 添加强制允许全屏的属性 #

确保你的iframe同时加上allowfullscreen和allow="fullscreen"两个属性，不同的WebView内核对这两个属性的支持略有差异，同时添加能覆盖更多场景：

<iframe 
  src="你的Dailymotion视频嵌入链接" 
  width="100%" 
  height="315" 
  allowfullscreen 
  allow="fullscreen"
>
</iframe>

2. 修改视频URL参数，禁用外部跳转触发 #

Dailymotion的嵌入视频默认可能带有触发外部APP跳转的UI元素或行为，你可以在视频URL末尾追加参数来禁用这些：

• ui=0：隐藏Dailymotion自带的UI（包括可能唤起原生APP的按钮）
• api=1：启用API控制，让视频行为完全在iframe内受控

修改后的URL示例：

https://www.dailymotion.com/embed/video/你的视频ID?ui=0&api=1

3. 改用Dailymotion官方Embed API（更稳定的方案） #

如果允许引入JS脚本，用官方的Embed API替代原生iframe能更精细地控制视频行为，从根源上避免意外跳转。示例代码如下：

<script src="https://api.dmcdn.net/all.js"></script>
<div id="dailymotion-player"></div>
<script>
  // 初始化播放器
  const player = DM.player('dailymotion-player', {
    video: '你的视频ID',
    width: '100%',
    height: 315,
    params: {
      ui: 0, // 隐藏默认UI
      allowFullScreen: true, // 允许全屏
      api: 1 // 启用API控制
    }
  });
</script>

额外提示（如果能修改APP端） #

如果你的团队有权限调整APP的WebView设置，配合以下配置会让效果更稳定：

• 开启WebView的JavaScript支持
• 重写WebView的全屏回调方法（onShowCustomView/onHideCustomView），让视频在WebView内部完成全屏渲染，而不是跳转到外部窗口

这些修改的核心是让视频的全屏行为完全被限制在你的APP的WebView上下文内，避免触发系统的外部应用跳转逻辑，这样按返回键时就只会退出全屏，而不是关闭整个APP了。

内容的提问来源于stack exchange，提问作者Allu Arjun