How To Make YouTube Video Responsive in Web Using CSS | Responsive Video Embed

Published: 05 April 2023
on channel: Frank GP Web Developer
219
9

How to Make YouTube Video Responsive in Webpage using CSS | Responsive Video Embed

One of the tasks that designers and programmers have to undergo was to make youtube videos embedded in a website responsive. Until recently, it was done by applying a series of fixes, which you will find in many tutorials on the web, which required adding a div layer to each embedded video.


Code:
iframe[src*="youtube.com"] { width:100%; aspect-ratio:16/9; }


Credits:
How to make a YouTube video responsive with one line of code
https://www.norzex.com/articulos/vide...


Social networks:
http://frankgp.com/contact


Watch video How To Make YouTube Video Responsive in Web Using CSS | Responsive Video Embed online without registration, duration hours minute second in high quality. This video was added by user Frank GP Web Developer 05 April 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 219 once and liked it 9 people.