Vimeoビデオ埋め込みの問題（スケーリング/黒領域なし）。例が含まれています

Question

私はビデオムービーを埋め込もうとしていますが、スケーリングされておらず、あなたが知っているように見えます。

さらに、私はvimeo.comのフォーラムに投稿できません。 Googleは同様に役に立たない。

ここでは一例ですが、YTのものに比べてVimeoの映画：

http://jsfiddle.net/LYt3R/

任意のアイデア？

Answer 1

私は同様の問題があります。私はモバイルWebサイトを実装しています。訪問者のデバイスの画面解像度に従って、自動拡張が必要です。

このリンクは興味深いです：http://webdesignerwall.com/tutorials/css-elastic-videos/comment-page-1

そして、この1つは完全なポストである：

http://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php

このソリューションは完璧ではないですが、私が見つけた良いアイデアです。

基本的なCSSとHTMLコードは次のとおりです。

.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%; 
} 


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