All things Shopify and commerce
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>
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)
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025