<html>
<head>
<style type="text/css">
html, body {
padding:0;margin:0;outline:0;
}
.hero.static-hero {
padding-top: 57%;
height: 0;
width:100%;
position:relative;
}
.hero.static-hero video {
width:100%;padding:0;margin:0;outline:0;
position: absolute;left:0;right:0;bottom:0;top:0;
}
</style>
</head>
<body>
<div class="hero static-hero">
<header>
<div class="container">
<video controls>
<source src="https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_1mb.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
</header>
</div>
</body></html>Böyle dener miyiz