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.