How can I edit the size of a HTML5 video in the Dawn theme?

Im trying to resize my video so i can put it on my banner, however the video size is too big. How can I adjust it to be the right size as a video banner?


  

I used https://codepen.io/adrianparr/pen/QxMvdj for help, and my dawn theme doesn’t have CSS section. What should I do? My website is fardeenazizi.com

@FAZIZI - dawn theme will have base.css file, you can add css to it, add

.video-wrapper{max-width:100%;}

and check

@suyash1 Hey I tried adding it to base.css but the video is still HUGE! I tried 100% didn’t work, neither did 50%

Am I doing something wrong?

@FAZIZI - can you please share this page link where you have the video?

@suyash1 fardeenazizi.com It’s on my home page bottom screen, Im trying to make it smaller so I can have it on the top.

If it helps, I created a new section for HTML since my theme didn’t have it.

@FAZIZI - do you want video to be strictly full width? issue is your video is square video than banner, therefore when you make it full width its height too increases but you can set video in center it can look like screenshot, add this css

.video-wrapper video{height: 500px;  width: 100%;    max-width: 100%;}

@suyash1 I would like it to be a banner size tho, is there a way I can edit it to have it as a video banner? Also, It won’t allow me to edit texts on it.

@FAZIZI - you will need to create video in those dimensions then, because right now its kind of square square and if you want banner then it would be more in width and lesser in height