HTML5的MP4視頻與Firefox的調整大小的視頻

Question

我正在使用html5視頻的網站，並同時支持mp4和ogg格式。視頻的高度通過CSS設置爲350px。代碼在這裏：

<video autoplay loop> 
    <source src="assets/videos/vid.ogv" type="video/ogg"> 
    <source src="assets/videos/vid.mp4" type="video/mp4"> 
    Your browser does not support the video tag. 
</video> 

在Firefox中的代碼替換爲嵌入MP4，看起來像這樣：

<embed width="700" height="350" src="assets/videos/vid.mp4" mode="null" autoplay="true" loop="true" pluginspage="http://go.divx.com/plugin/download/" type="video/divx"></embed> 

的問題是，在Firefox的視頻尺寸是錯誤的。原始視頻是縱向的，並且firefox將其轉換爲橫向視頻，從而切斷原始視頻的底部。由於縱橫比不對，更改寬度和高度不起作用。

我想要發生的事情是firefox只使用ogg視頻，這看起來不錯，但我不知道如何做到這一點。我嘗試使用JS刪除mp4行來強制ogg，如果瀏覽器是FF的，但在js運行代碼時已經更改爲嵌入代碼。有多個視頻，我希望有一個比使用JS硬編碼每個視頻的HTML更好的解決方案。

謝謝！

Answer 1

包裹在一個div嵌入，並設置高度，並以設置高度的DIV。相反，並以嵌入

<Div width="700" height="350"> 
<embed src="assets/videos/vid.mp4" mode="null" autoplay="true" loop="true" pluginspage="http://go.divx.com/plugin/download/" type="video/divx"></embed> 
</Div> 

或者只是試試這個

<Div width="700" height="350"> 
<video autoplay loop> 
<source src="assets/videos/vid.ogv" type="video/ogg"> 
<source src="assets/videos/vid.mp4" type="video/mp4"> 
Your browser does not support the video tag.