H5页面同层播放器强制横屏展示不正常-版本7.0.6
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元素置顶同层播放器之上
