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

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