console
<!DOCTYPE html><html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="author" content="monicaqin">
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<title>测试视频test</title>
</head>
<body>
<div>
<video id="test_video" src="https://res.imtt.qq.com/qqbrowser/js/advideo.mp4"
style="width: 100%; height: 100%; background: rgb(0, 0, 0); object-fit: cover;"
webkit-playsinline=""
x5-video-player-type="h5-page"
x5-video-orientation="landscape"
autoplay
controls
></video>
<div style="width: 100px; height: 100px; background: red; position: fixed; z-index: 9999; top: 0px;"></div>
<div style="position:fixed; top: auto; z-index: 99999;">
<input type="button" value="竖屏播放" onclick="portrait();"></input>
<input type="button" value="横屏播放" onclick="landscape();"></input>
<input type="button" value="跟随旋转" onclick="autoOrientation();"></input>
</div>
</div>
<script type = "text/javascript">
function landscape () {
alert('aaaa')
document.body.requestFullscreen()
}
</script>
</body>
</html>