Core Code
Core Code Modern Dev Handbook

Responsive Video Element

Make HTML video elements responsive using width and height:auto.

Preview

Code

<style>
video{
max-width:100%;
height:auto;
}
</style>

<video controls>
<source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
</video>

More RWD Videos Examples (8)

example Video with aspect-ratio open example example Classic Responsive Video Wrapper open example example Video in Fluid Container open example example Responsive Video Grid open example example Responsive Video Flex Layout open example example Responsive Iframe Embed open example example Responsive Video Card open example example Responsive Video Banner open example