What's your biggest current challenge? Have your say in Community Polls along the right column.

problem with video size

Solved

problem with video size

Ecomowner
Excursionist
36 3 3

My video is too big on safari browser and the volume on the play bar is not showing can someone help, below is an image and the coding i'm using
Screenshot 2024-11-24 at 1.46.11 PM.png

<iframe src="https://gv-vod-cdn.aliexpress-media.com/ae_sg_gmc/video_target/gv8f-70f08ae0-a181919b-8f5c100a-0370/..." style="width: 100%; height: 400px; border: none;" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>

Accepted Solution (1)
verdeclos
Shopify Partner
7 1 0

This is an accepted solution.

Make sure you refresh the page and check the window in a private tab
The only other alternative would be to add !important

width: 400px !important;

 

E pluribus unum

View solution in original post

Replies 5 (5)

verdeclos
Shopify Partner
7 1 0

Hello Ecomowner,

For the style section, you should be able to re-size the width of the video on the page from 

width: 100%;


The switch it to 

width: 80%;

for greater visibility
You can also adjust the height of the video with

height: 80%;
E pluribus unum
Ecomowner
Excursionist
36 3 3

didnt work

 

verdeclos
Shopify Partner
7 1 0

Strange, what if you try the following:

width: 400;

 You should be able to hard code how many pixels the iframe can take up

E pluribus unum
Ecomowner
Excursionist
36 3 3

no, on other browsers it looks ok but on safari im still having problems

verdeclos
Shopify Partner
7 1 0

This is an accepted solution.

Make sure you refresh the page and check the window in a private tab
The only other alternative would be to add !important

width: 400px !important;

 

E pluribus unum