How can I adjust video height on my homepage and enable mobile autoplay?

[LEUNGGUOTAO]

Hi there

I would like to adjust the hegith of video on homepage .
(1) Is it possible for me to adjust it like 350px?
(2) It can't autoplay on mobile phone ,why?

I really appreciate that !

Thanks!

My URL : sales.bellissimochina.com

[KetanKumar]

if you have reduced width automation reduce height also mobile some device doesn't support autopay.

[LEUNGGUOTAO]

Which means I can't adjust the height ? thanks!

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

div#shopify-section-16305778073f7b73b8 video {
max-height: 600px;
}

[LEUNGGUOTAO]

It aren't full wdith any more after I add the code you sent me into theme-styles.scss 

Is it something wrong?

[LitExtension · Accepted solution]

Hi @LEUNGGUOTAO,

When you limit the height, the width of the video will be automatically cropped according to the height, this is default. Therefore, you will see the video is not full, even though it is being displayed at 100% width. https://i.imgur.com/q1O92al.png

If you choose to display 100% width and limited height, the video will be cropped like this: https://i.imgur.com/toahxWs.png

So you only have these choices:

1: You need to edit the video with a smaller height and re-upload it.

2: Accept the width is not full. https://i.imgur.com/q1O92al.png

3: The video will be cropped at the top and bottom. https://i.imgur.com/toahxWs.png

Hope it helps.

Please mark as a solution if you find my answer helpful. Thank you and good luck.