<video autoplay playsinline muted loop preload poster="http://thenewcode.com/assets/images/vid-glacier.jpg">
    <source src="http://thenewcode.com/assets/videos/glacier.mp4" type="video/mp4">
    <source src="http://thenewcode.com/assets/videos/glacier.webm" type="video/webm">
</video>

body {
  margin: 0;
  height: 200vh;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%23969696' fill-opacity='0.4'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E");
}

video {
  display: block;
  width: 100%;
  height: 100vh;
  object-fit: cover;
  object-position: center;
  clip-path: circle(250vmax at 50% calc(100% - 250vmax));
}