HTML by Patrik

HTML 'video' Tag

The <video> tag creates a video player on a web page.

This player supports video playback directly inside the HTML page with media controls like start, stop, volume, and others.

Example

A <video> with media controls (start, stop, volume, etc).

<video controls="controls" width="400" poster="<your image poster if applicable>">
   <source src="/media/movie.mp4" type="video/mp4">
   <img src="<your No video support image>" title="Your browser does not support the <video> tag" />
</video>

Additional Resources:

Add to Set
Add to Set
Share
Share on Twitter Share on Facebook Share on LinkedIn Share on Reddit Share on WhatsApp Send via Email Copy Link to Clipboard

Automatic height for embedded video
...see more

In CSS there is an aspect-ratio property. Set the width (In any way: px/%/...) and then add aspect-ratio property with ... well... aspect ratio.

iframe { 
  width: 100%;
  aspect-ratio: 16 / 9;
}

Additional Resources

Open
Add to Set
Comment
Share
Add to Set
Twitter Facebook LinkedIn
Email Copy Link to Clipboard
Referenced in:

Comments

Copyright © Snippset 2025. All Rights Reserved.