Safari中的HTML5视频播放问题

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

这是问题？我希望它适合！！

这是HTML 5视频编码......

<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>

任何帮助将是不错的

感谢

来源

2013-02-26 williamchanter

没有办法告诉视频显式忽略宽高比，但尝试将其添加为CSS。它可能工作...

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

来源

2013-02-26 19:44:17

谢谢，这是行不通的，但它扭曲了视频在所有浏览器，这看起来不太好。有没有一种方法可以模仿Safari在Safari中自动执行的操作？ – williamchanter 2013-02-26 20:05:23

很酷，很抱歉，它不能按照你想要的方式工作。回答你的问题：不，我不这么认为。正如我所说，没有办法告诉浏览器忽略长宽比。 Safari认为它可以帮助您维护它。我认为，Flash视频不会产生任何问题。 – 2013-02-26 20:08:27

Safari中的HTML5视频播放问题

回答

相关问题