Safari 中的 HTML5 视频播放问题

【问题标题】：HTML5 Video Playback issue in SafariSafari 中的 HTML5 视频播放问题
【发布时间】：2013-02-12 09:21:02
【问题描述】：

我需要一些帮助。

我有这个网站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>

任何帮助都会很好

谢谢

【问题讨论】：

标签： html google-chrome safari html5-video playback

【解决方案1】：

没有办法让视频明确忽略纵横比，但请尝试将其添加为 CSS。它可能会起作用......

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

【讨论】：

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