【Web前端问题】安卓微信全屏播放完视频后，播放窗口浮动于页面上

Z时代
2024-01-10
分类：技术分享

页面上有一个旋转的视频窗口。安卓默认全屏播放（这个好像也没法解决，只有腾讯qq域名的视频是可以小窗播放的）。播放返回后，出现一个视频浮窗于页面上，视频变为未旋转状态。
测试代码如下：

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="utf-8" />
    <meta name="robots" content="all" />
    <meta name="Copyright" content="TENCNET" />
    <meta name="author" content="Tencent-TGideas" />
    <meta name="robots" content="noindex,nofollow">
    <title>腾讯视频</title>
    <style>
        .video{width: 480px;height: 360px;display: block;transform:rotate(10deg);}
    </style>
</head>
<body>
<div id="mod_player" class="video">
    <iframe allowfullscreen="" frameborder="0" height="295px" src="http://v.qq.com/iframe/player.html?vid=p03050mtu6a&amp;tiny=0&amp;auto=0" width="525px"></iframe>
</div>
</body></html><!--[if !IE]>|xGv00|38ac17f6706b8e4c5f0a6767decf7ad9<![endif]-->