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視頻播放問題

回答

相關問題