dcloudio / dcloudio/uni-app

webview中iframe中的video视频无法全屏

Open
#1,618 3 comments 0 reactions 1 assignee Claimed by @ArrayDC View on GitHub
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 中,视频可以全屏展示
**实际结果**
[这里请贴上你的报错截图或文字]
**手机浏览器(非全屏)**
![浏览器](https://user-images.githubusercontent.com/64067386/80493330-d7189180-8997-11ea-8968-fad18e4cf453.jpg)
**手机浏览器(全屏状态)**
![浏览器全屏](https://user-images.githubusercontent.com/64067386/80493361-ded83600-8997-11ea-82f4-03b3215caacc.jpg)
**APP 全屏**
![App](https://user-images.githubusercontent.com/64067386/80493416-f44d6000-8997-11ea-80ad-5b7ed4715215.jpg)

**系统信息:**
- 发行平台: 5+ App
- 操作系统 小米 Max 2 MIUI 11.0.2 稳定版
安卓:7.1.1
HBuilder X 2.6.16.20200424

**补充信息**

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.