H5页面同层播放器强制横屏展示不正常-版本7.0.6 - WXOPEN Club

1、微信版本7.0.6 H5页面强制视频横屏时，展示不正常，微信7.0.4显示正常

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>同层播放器测试</title>

<style>

body{

margin: 0;

padding: 0;

}

</style>

</head>

<body>

<div id="video-wrap">

<video preload src="https://www.runoob.com/try/demo_source/movie.mp4"

controls

x-webkit-airplay="true"

x5-video-player-type="h5"

x5-video-orientation="landscape"

id="video"></video>

</div>

</body>

</html>

正常显示（去掉x5-video-orientation=“landscape”）：

显示不正常（增加x5-video-orientation=“landscape”）：

2、横屏状态下无法将其他html元素置顶同层播放器之上

3 回复

yyao1 楼6 年前

麻烦提供出现问题的具体机型、微信版本号、系统版本号，以及能复现问题的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）

xiulandu2 楼6 年前

我原来也遇到这样的问题，后来找人一起解决了这个问题，有偿，有需要加Q335963512

yang173 楼6 年前

你好，

测试的机型有华为畅享8，荣耀10，oppo reno系统版本号均为9.0微信版本号均为7.0.6

需要___真机调试___

代码附在问题描述里面了