Category Archive For "HTML – CSS"
Responsive Youtube Embed
CSS Kodlarımız
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
.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 Kodumuz
1 2 3 |
<div class="video-container"> <iframe src="//www.youtube.com/embed/El1Wq5trk2Y?rel=0" frameborder="0" width="560" height="315"></iframe> </div> |