視頻在移動設備上不能正確縮放

我已經在DIV中嵌入了一個視頻，並希望它根據瀏覽器的大小（直到某個點）進行縮放。這一切工作正常，但在iPhone上，縮放不起作用。視頻在移動設備上不能正確縮放

這裏是一個活鏈接的作品： http://www.craigzilla.dk/upload/template.html

這裏是它的外觀上iPhone在視頻不放大到合適水平的截圖： https://www.dropbox.com/s/xs2fex89td710ip/Photo%2005-09-13%2016.11.14.png

這裏是的jsfiddle http://jsfiddle.net/craigzilla/EWgFm/

這裏是視頻CSS：

.projectWrapper { 
    max-width: 960px; 
    min-width: 320px; 
    margin: auto; 
} 
video { 
    width: 100%; 
}

任何想法如何強制視頻填寫橫向空間？

來源

2013-09-05 Craig Jonathan Kristensen

你嘗試'視頻{ 寬度：100％重要; }' –

不確定，我無法在瀏覽器中進行復制。我認爲這是iPhone的事情。你有一個最小高度的地方嗎？這可以解釋它，如果它在任何地方都能做到的話。 – Jacques

video {width：100％！important; }沒有什麼區別。和我沒有任何地方螞蟻min-heights。 –

-1

嘗試這樣的：

CSS：

.video-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    padding-top: 30px; 
    height: 0; 
    overflow: hidden; 
} 

.video-container iframe, 
.video-container object, 
.video-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

HTML：

<div class="video-container"> 
    <iframe src="http://player.vimeo.com/video/6284199?title=0&byline=0&portrait=0" width="800" height="450" frameborder="0"></iframe> 
</div>

Demo

來源

2013-09-06 15:02:07

如果您使用的是'

視頻在移動設備上不能正確縮放

回答

相關問題