% 100 genişlikte ve yükseklikte görüntülemek üzere bir YouTube videosu çekmeye çalışıyorum. Görünüşe göre, iframe kendi istediğimi yapıyor, ancak video oynatıldıktan sonra 1100 piksele kadar sadece% 100 genişliktedir.Iframe videosu% 100 genişlik
Web'de arama yapmayı denedim, ancak videonun kendisi ile video posteri ve iframe genişliği ile aynı genişlikte olması için bir çözüm bulamıyorum.
Videonuz zaten% 100 genişliğe sahip. Videonun sol veya sağ tarafına sağ tıkladığımda, youtube videosunun içerik menüsü görüntülenir. Check this screenshot
Sorun videonuzla ilgili olduğunu düşünüyorum. Videonuz doğru şekilde görünecek doğru genişliğe ve yüksekliğe sahip değil.
bu deneyin:
.container {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}<div class="container">
<iframe src="https://www.youtube.com/embed/ZLyS2wHiZM8"
frameborder="0" allowfullscreen class="video"></iframe>
</div>Ben video oranı 16 olduğunu varsayalım: 9. Belki bu deneyebilirsiniz:
.container {
width: 100vw;
height: 56.25vw;
}
.video {
width: 100%;
height: 100%;
}
Bu örnek link
olduğunu Ne yazık ki bu söz konusu bağlantı 404 artık (ı alanı doldu düşünüyorum?) Böylece sol bir soru pek bir şey yoktur. Bu nedenle, tüm kod/günlükleri/bilgileri sorunun kendisine almak çok değerlidir. [Daha fazla bilgi edinin] (https://meta.stackoverflow.com/q/254428/472495). – halfer