Example:
HTML
<style>
.video-container {
position: relative;
padding-bottom: 56.25%;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
<div class="video-container">
<iframe
src="https://www.youtube.com/embed/msizPweg3kE"
frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope;"
allowfullscreen></iframe>
</div>
Here is CSS Style to make iframe fits with Display | HTML Iframe Tutorial |
Then, Use following HTML Code to view Youtube Video Embed | HTML Iframe Tutorial |
Full Example of HTML CSS Youtube Embed Video Responsive | HTML Iframe Tutorial |
How to create HTML CSS Youtube Embed Video Responsive | HTML Iframe Tutorial |
Type: | Html |
Category: | Web Tutorial |
Sub Category: | HTML Iframe Tutorial |
Uploaded by: | Admin |