Safari中的HTML5视频播放问题

我需要一些帮助

我有这个网站，如果你在Chrome中查看它，那么视频适合屏幕，但在Safari中它不适合：(

这就是问题所在？我想让它合身

这是HTML5视频代码

<video id="top" class="video" width="100%" height="100%" poster="te/wave.jpg" preload="auto" muted="muted" autoplay="autoplay" loop="loop" >
    <source src="te/wave.mp4" type="video/mp4" />
    <source src="te/wave.ogv" type="video/ogg" />
</video>

任何帮助都是好的

---

谢谢

没有办法告诉视频明确忽略纵横比，但尝试将其添加为CSS。这可能会奏效

<style>
video { 
  -webkit-transform: scaleX(2); 
  -moz-transform: scaleX(2);
}
</style>

视频{
-webkit转换：scaleX（2）；
-moz变换：scaleX（2）；
}

没有办法告诉视频明确忽略纵横比，但尝试将其添加为CSS。这可能会奏效

<style>
video { 
  -webkit-transform: scaleX(2); 
  -moz-transform: scaleX(2);
}
</style>

视频{
-webkit转换：scaleX（2）；
-moz变换：scaleX（2）；
}

谢谢，这确实有效，但它会在所有浏览器中扭曲视频，这看起来不太好。有没有办法模仿chrome在safari中自动执行的操作？酷，抱歉它没有按您想要的方式工作。回答您的问题：不，我不这么认为。正如我所说，没有办法告诉浏览器忽略纵横比。safari认为它对你的维护很有帮助。我认为Flash视频不会有问题。谢谢，这确实有效，但它会在所有浏览器中扭曲视频，这看起来不太好。有没有办法模仿chrome在safari中自动执行的操作？酷，抱歉它没有按你想要的方式工作。回答你的问题：不，我不这么认为。正如我所说，没有办法告诉浏览器忽略纵横比。Safari认为为您维护纵横比会有所帮助。我认为Flash视频不会有问题。