Trying to embed a YouTube video on your webpage? Most sources suggest using the following code:
HTML
<div class="video-container"><iframe.......></iframe></div>
CSS
.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%;
}
However, you might not want the video to take up the entire screen. Adjusting the height and width directly in the HTML code doesn't seem to work. Changing the percentage values from 100% to 75% made the video smaller, but the video container still occupied the full width space.