iPad上的視頻太小（高度）

Question

想要在自舉響應站點中顯示視頻。

在我的CSS文件中，我將視頻標籤寬度定義爲.span7框的100％，並將高度設置爲自動。當我更改瀏覽器窗口的寬度時，在桌面上工作得非常好。在iPhone上它看起來也很好。

只有在iPad上，視頻寬度是100％，但高度只有大約2個引導行。這太小了。爲什麼？

爲什麼Safari移動版iPad上的高度如此之小？

Answer 1

這是我使用的iPad的伎倆：

<div class="video"> 
    <canvas width="960" height="540"></canvas> 
    <video preload="none" width="960" height="540" controls poster="video.jpg">  
     <source src="video.mp4" type="video/mp4"> 
     <source src="video.webm" type="video/webm"> 
     Your browser does not support the video tag. 
    </video> 
</div> 

CSS：

.video { 
    position: relative; 
} 
.video video, 
.video canvas { 
    top: 0; 
    left: 0; 
    width: 100%; 
    max-width: 100%; 
} 
video { 
    height: 100% !important; 
    position: absolute; 
} 

工程等，包括預覽圖像（海報）魅力。