Get rid of the black bars of embeded youtube or similar video with CSS media queries

Remove black bars from video

If you don't want the black bars on a video in your site these might do the trick for you:

```
@media all and (min-aspect-ratio: 16/9) {
  .video {
    width: 100vw;
    height: calc(100vw * (9/16));
  }
}
@media all and (max-aspect-ratio: 16/9) {
  .video {
    height: 100vh;
    width: calc(100vh * (16/9));
  }
}
```

Code by [Liam Martens](https://github.com/LiamMartens), just saving it here for reference

🐫