改变视频宽高比例

使用代码修改视频的原始宽高比

<h1>默认比例（640*360,16:9）</h1>
<video id="video1" src="../xinwsWebsite/video/seawavws.mp4" controls autoplay loop style=" 300px;border: 1px solid red;"></video>

<h1>宽高比增大，高度变小（640*280,16:7）</h1>
<script type="text/javascript">
    var rotate2 = (Math.acos(280/360)*180/Math.PI).toFixed(2); // 新高度 / 旧高度
</script>
<video id="video2" src="../xinwsWebsite/video/seawavws.mp4" controls autoplay loop style=" 300px;border: 1px solid red;"></video>

<h1>宽高比减小，高度增加（480*360,4:3）</h1>
<script type="text/javascript">
    var rotate3 = (Math.acos(480/640)*180/Math.PI).toFixed(2); // 新宽度 / 旧宽度
</script>
<video id="video3" src="../xinwsWebsite/video/seawavws.mp4" controls autoplay loop style=" 300px;border: 1px solid red;"></video>

<script type="text/javascript">
    document.getElementById('video2').style.transform = 'rotateX('+rotate2+'deg)';
    document.getElementById('video3').style.transform = 'rotateY('+rotate3+'deg)';
</script>