In Html page `<video>` tag, I want to increase height. Even-though I use `!important` style attribute.

I tried to increase the video height but it is not getting increased.

```css
video {
  height: 400px !important;
}

.div2 {
  height: 400px;
  background: #6f7a2a;
}
```

```html
<div class="row div2">
  <video autoplay muted loop style="width:360px !important;">
    <source src="video/Australia.mp4" type="video/mp4">
  </video>
</div>
```

[![Here image normal hight](https://i.stack.imgur.com/T0WBq.png)](https://i.stack.imgur.com/T0WBq.png)
[![Here I tried to increase picture height but not increased](https://i.stack.imgur.com/Sob0V.png)](https://i.stack.imgur.com/Sob0V.png)