h5的video标签如何自适应和随着屏幕的旋转它也视频也是旋转的

Question

<div class="player">        <video src="video/e.mov" class="video"></video> </div> <style type="text/css">         *{            padding:0;margin:0;list-style: none;box-sizing: border-box;         }         body{            width:7.5rem;margin:0 auto;         }         .player{            width:100%;height:100%;         }         .player .video{            width:100%;height:100%;         }    </style>$(function(){             var video=$("video")[0];             video.play();        })

Answer 1

把手机的自动旋转打开，然后把浏览器的旋转调成跟随系统就行