使用代碼修改視頻的原始寬高比
1 <h1>默認比例（640*360,16:9）</h1> 2 <video id="video1" src="../xinwsWebsite/video/seawavws.mp4" controls autoplay loop style="width: 300px;border: 1px solid red;"></video> 3 4 <h1>寬高比增大，高度變小（640*280,16:7）</h1> 5 <script type="text/javascript"> 6 var rotate2 = (Math.acos(280/360)*180/Math.PI).toFixed(2); // 新高度 / 舊高度 7 </script> 8 <video id="video2" src="../xinwsWebsite/video/seawavws.mp4" controls autoplay loop style="width: 300px;border: 1px solid red;"></video> 9 10 <h1>寬高比減小，高度增加（480*360,4:3）</h1> 11 <script type="text/javascript"> 12 var rotate3 = (Math.acos(480/640)*180/Math.PI).toFixed(2); // 新寬度 / 舊寬度 13 </script> 14 <video id="video3" src="../xinwsWebsite/video/seawavws.mp4" controls autoplay loop style="width: 300px;border: 1px solid red;"></video> 15 16 <script type="text/javascript"> 17 document.getElementById('video2').style.transform = 'rotateX('+rotate2+'deg)'; 18 document.getElementById('video3').style.transform = 'rotateY('+rotate3+'deg)'; 19 </script>