H5页面同层播放器强制横屏展示不正常-版本7.0.6
发布于 8 年前 作者 taoyan 5568 次浏览 来自 官方Issues

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">

       <!-- 去掉 x5-video-orientation="landscape" 点击右下角旋转显示正常 -->

        <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 回复

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

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

你好,

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

需要___真机调试___

代码附在问题描述里面了

回到顶部