1

ビデオを 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%;
}

ビデオが水平スペースを埋めるように強制する方法はありますか?

4

1 に答える 1

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

デモ

于 2013-09-06T15:02:07.550 に答える