移动端关于腾讯云视频全屏、缩小问题

问题描述

在混合开发的工程种,h5做的一个腾讯云视频播放,需要放大缩小,在移动端,放大之后,如果手机小面有操作栏,那么放大之后的缩小按钮会位于操作栏上微信图片_20200121163408.png,导致无法点击到缩小按钮,没有看到腾讯云的api有相关问题;

问题出现的环境背景及自己尝试过哪些方法

我们在项目开发过程种尝试了检测放大image.png
去改变他的高度,但是很遗憾并没有修改成功

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码);
this.player[`name${i}`].on("fullscreenchange", (val1, index1) => {
// console.log("1   ", document.body.clientHeight);
// console.log("2   ", window.screen.availHeight);
// console.log("3   ", window.screen.height);
// console.log("4   ", this.player[`name${i}`].width());
// console.log("5   ", this.player[`name${i}`].height());
// console.log(this.player[`name${i}`]);
// this.player[`name${i}`].options.height = window.screen.clientHeight;
// console.log("6   ", this.player[`name${i}`].height());
});

你期待的结果是什么?实际看到的错误信息又是什么?

这些console打印出来的时屏幕的实际高度,但是最后设置之后的高度检测都是0;

想问下谁有什么解决方案么?谢谢额

阅读 2.4k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题