How to make video banner smaller

How to make video banner smaller

platinumlabel
Visitor
1 0 1

Hello! I am using the Dawn theme and have a video banner that I used custom coding to create on a loop. I would like to make the width and height smaller as to not take up the whole screen. My website is www.platinumlabelhair.com

Here is the coding:

<style>
video {
width: 80%;
height: 40;
display: block;
margin: 0 auto;
}
</style>
<video muted autoplay playsinline loop>
<source src="https://cdn.shopify.com/videos/c/o/v/912356a9dbdd437fb7b23230e088033e.mp4"
type="video/mp4">
<source src="https://cdn.shopify.com/videos/c/o/v/14aabe251d3f4a0c8acbc758ef546e9b.mp4"
type="video/mp4">
</video>

Reply 1 (1)

Ellie-BOGOS
Navigator
271 18 39

Hi @platinumlabel

 

This is Ellie from BOGOS (formally Free Gifts by Secomapp), # 1 Promotion App on Shopify featuring Free Gift, Discounts & Bundles

 

To change the video banner size, you just need to adjust the width and height percentages to be smaller. For example:

 

width: 60%;

height: 40%;

 

If my answer is helpful, I would appreciate it if you could give me a Like or accept it as a Solution! 😁

Wish you all the best with the business,

Ellie

BOGOS (formally Free Gifts by Secomapp)

If my post is helpful, let me know by giving a Like or Accept solution.
Use BOGOS.io Free gift to create special promotions: free gifts, discounts, bundles!
Have a nice day ^_^