webview中iframe中的video视频无法全屏
- Dominant language
- JavaScript
- Stars
- 41.6k
- Forks
- 3.7k
- Avg merge
- 7h 6m
- Merged PRs (30d)
- 6
Description
**问题描述**
[问题描述:
大家好,我现在遇到一个问题,使用WebView 访问一个网页,网页中有一个 iframe 标签,iframe标签中使用 dbplayer 插件,播放视频,在使用 webview 访问时,点击全屏按钮,视频无法全屏展示,但是使用手机浏览器访问这个页面时,是可以让视频全屏的,是不是我使用的方式有问题或是 webview 不支持这样操作呢?
**复现步骤**
[复现问题的步骤]
1. 在APP 中使用WebView 访问一个视频页面,该视频页面中使用了 iframe 标签,iframe 标签里使用了Dplayer 插件播放视频
2. 在播放视频时,点击全屏按钮或页面全屏 都无法将视频内容全屏播放(或者说无反应),但是使用手机浏览器访问这个页面时,是可以正常操作的
[或者可以直接贴源代码]
**index.html 页面**
`
Document
#rightFrame{
width: 280px;
height: 500px;
}
`
**iframe 页面**
`
Document
const dp = new DPlayer({
container: document.getElementById('dplayer'),
video: {
url: 'demo.mp4',
},
});
`
**预期结果**
[使用简洁清晰的语言描述你希望生效的预期结果]
在App 中,视频可以全屏展示
**实际结果**
[这里请贴上你的报错截图或文字]
**手机浏览器(非全屏)**

**手机浏览器(全屏状态)**

**APP 全屏**

**系统信息:**
- 发行平台: 5+ App
- 操作系统 小米 Max 2 MIUI 11.0.2 稳定版
安卓:7.1.1
HBuilder X 2.6.16.20200424
**补充信息**
无
Contributor guide
Assessment
This issue has not been assessed yet.