私は再オープンすることにノミネートしました。誰もが同意した理由は分かりません!私はまだそれが愚か者だと思っていますが、あなたが正しいです、それは私が選択したものの欺瞞ではありません。源ビデオ画像は、アスペクト比を維持するためにビデオ要素の範囲内でレターボックス化されているはずです。ビデオ要素自体は大丈夫だと思われますが、通常は動作します。私はついにそれを働かせましたが、理由は私を逃げます。フィドルを参照してください。ビデオの位置を「絶対」に設定すると、ビデオの位置が機能します。その行をCSSから削除すると、その行はわかりにくくなります。源@jammypeachああ、どうですか?私はこれらの質問とポスターの質問に答えを約10分間は凝視していました。私は正直なところ、彼らが同じだと思う方法を理解できません。この問題は、ビデオポスター画像とは関係なく、ビデオのサイズに何かをマッチさせることはできません。これは、ビデオ画像ではなく、不思議な要素スケーリングではなく、ビデオに関する問題です。答えこれは古い質問ですが、私はCSSでレイアウトを達成するのに苦労しています。このレイアウトでは、通常、親要素の中にビデオが自動的にいくつかのボックスに収まるようにサイズが設定されています。使用するだけで、親子トポロジの特定の設定でのみ動作し、トポロジのスタイル設定にも大きく依存します。境界線を正しく計算する要素があっても、動画要素を内部に配置すると、親が許可したボックスを展開します。要素を投げると、あなたはCSSとブラウザの特異性のウサギの穴にいます。使用して、ビデオ要素を位置決めコンテキストから取り除くのが最も簡単だったということです。height:100%を使用することで、視覚的にうまく動作しないことを意味するわけではありません。(しかしそうではないだろう)。video要素の適切な祖先要素に追加する必要があります。しないと、ビデオはドキュメントルートに対して絶対的に配置されます。省略すると、計算方法が切り替わります。代わりに両方のプロパティをゼロに設定すると、ビデオをオフセットの親の左上隅に揃えることができます。ユーザーがビデオ要素を制約することで苦労している多くのケースで、気にしない。ビデオ要素またはそのオフセットの親の背景色を指定できます。すれば、レターボックス効果を得ることができます。ビデオの両サイドに黒いバーがあります。100%に設定することで解決できます。要素の100%を占めます。Pinnaka源ユーザエージェントがアスペクト比を保持するかどうかは、アスペクト比を維持しても、問題とはほとんど関係がありません。数学的に、あるいは他の次元を計算することは、最大の高さや幅を計算するのに自明です。アスペクト比が正しいようにします。これは、例えば、最新のワイドスクリーンテレビで4:3ディスプレイでレターボックス映画を見る方法、または4:3コンテンツでレターボックス映画を見る方法です。あなたは黒い棒を得る。プロパティで達成可能です。私は結論は、ブラウザは常にビデオのアスペクト比を保持しているということです。源それがまさに私が最初にやったことです。それはうまくいくはずの明らかなことです。それはしない(少なくとも3年前にはなかったが、これはもうこれ以上ないかもしれない。"それが私が解決する必要があった問題です。