Я хотел бы отобразить тень под моими вставками на YouTube, и у меня возникают проблемы, когда у меня есть видео другого размера. Я могу заставить его работать, когда обертываю в него статический div, но это плохо работает с видео разных размеров. Если это помогает, кажется, что они всегда имеют одинаковую ширину (640 пикселей), а высота зависит от камеры / видео.
Есть ли лучший способ сделать это, возможно, возможно применить его к iframe? Я новичок с CSS, и я не могу найти ответ в Интернете.
Есть идеи?
Мой код:
Html
<div id="videoclip">
<iframe width="640" height="510" src="http://www.youtube.com/embed/l4hMvo71p4M?rel=0&wmode=transparent&showinfo=0&start=11" frameborder="0" allowfullscreen></iframe>
</div>
CSS:
#videoclip{
width: 640px;
height: 510px;
box-shadow: 5px 5px #818181;
-webkit-box-shadow: 5px 5px 5px #818181;
-moz-box-shadow: 5px 5px 5px #818181;
}