Adjusting video size on homepage on craft theme

Shopify Discussion
1

I have a product video on my homepage (using craft theme) . I want to adjust its display size on desktop which i um unable to do so. I also want to set it on autoplay loop instead of pressing the pay button. My video is in 16:9 size but the theme’s video player is square in shape. Ideally i would want the player to be 16:9 size so that the video is perfectly fitted in the player and uses less height. Kindly help

2

Hello @zazaki91 .
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

3

store address is www.tannersden.com
the video i need size adjustment for is below the product The Tanner’s Odyssey.

4
  • Here is the solution for you @zazaki91
  • Please follow these steps:

step.png
step.png1865×854 125 KB

  • Then find the base.css or theme.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
.video-section__media video {
    width: 100% !important;
    height: 60% !important;
}
  • Here is the result you will achieve:

BSSTekLabs_0-1722345874528.png
BSSTekLabs_0-1722345874528.png1898×888 82.6 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
5

thanks so much. this has adjusted the video player size but there is another issue. before you click play on the video the thumbnail is of original size which is very big and kills the aesthetic of the homepage. once we press play the player gets small in size. i need 2 helps:

  1. Thumbnail should be the size of the player.
  2. Can it autoplay on repeat instead of someone pressing the play button.

Thank you in advance :slightly_smiling_face: