How can I make a video full screen and auto start on mobile?

Store Design
1

Hey!

I wish to have my video on full screen without the white frames and also how can I auto start it in Mobile?

https://kantarella-print-shop.myshopify.com

What is the best way to do it?

Thanks a lot

Asaf Kliger

2

Hey @Lolalola23

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

I have already added this CSS class please check your webshop.

.video-section .page-width { *zoom: 1;max-width: 100%;margin: 0 auto;}
.video-section .page-width { padding-left: 0px; padding-right: 0px; }

Hope this works for you.

Thanks!

1 Like
3

Hey!! thanks a lot for helping with putting the video full screen. But now its not playing high res for some reason. Do you know why?

4

@Lolalola23

I need to do more debug for high resolution. I will check and get back to you soon.

Thanks!

5

Thanks

A lot I have a paid job for you.

I wish when clients are clicking on the photo it will open full screen.

Let me know if you can do it.

Thanks

Asaf

6

Hey @Lolalola23 ,

Please message me more details regarding the tasks. I would love to help you.

Thanks!