wailen
wailen
  • 发布:2019-05-28 16:12
  • 更新:2023-01-15 15:12
  • 阅读:2478

【报Bug】h5视频全屏播放过后视频内容遮挡了进度条操作栏,另video在微信浏览器不表现为原生组件

分类:HBuilderX

详细问题描述

video组件视频全屏过后会遮挡住进度条。
video组件在微信内置浏览器内不表现为原生组件。但是根据文档说明应该是原生组件。

IDE运行环境说明

HBuilder

[IDE版本号]
1.9.4 20190426

uni-app运行环境说明

[运行端是h5或app或某个小程序?]
h5
[运行端版本号]

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]
hbuilderX创建
[编译模式是老模板模式还是新的自定义组件模式?]
老模板

附件

[可重现代码片段]

        通过以下方法可以创建在微信浏览器表现为原生播放器的video组件  
        var video = document.createElement('video')  
        video.id = 'video'  
        video.style = 'width: 300px;height: 150px;'  
        video.controls = true  
        var source = document.createElement('source')  
        source.src =    'http://yf.ugc.v.cztv.com/cztv/ugcvod/2018/04/14/A98CD7B26B06D94A5CEA56AA7D723572/h264_800k_mp4.mp4_playlist.m3u8'  
        video.appendChild(source)  
        video.play()  

联系方式

[QQ] 1181102955

2019-05-28 16:12 负责人:无 分享
已邀请:

最佳回复

DCloud_UNI_GSQ

DCloud_UNI_GSQ

微信内置浏览器版本很多内置的播放器也不尽相同。
关于全屏过后会遮挡住进度条的问题 HBuilderX 2.0 以上版本已修复

2***@qq.com

2***@qq.com

现在的hbuilerx版本打包H5站点封出来播放器全屏也是挡住了进度条,不能拖动进度条了

要回复问题请先登录注册