Custom Video doen't work at mobile

Highlighted
New Member
8 0 0

Hi, I have problem with the video on our website.

It doesn't play on mobile mode.

Also, the size of the video stays the same as on pc so only part of the video shows on mobile.

 

Website: https://aforall.net/

html:

<video width="" loop="" muted="" autoplay="autoplay" preload="" id="vid">
controls = ""&gt;
<source src="https://cdn.shopify.com/s/files/1/0471/6557/1229/files/a_for_all_720.mp4?v=1604489486" type="video/mp4">
<!-- source--> <!-- video-->
</source></video>

 

css

div#shopify-section-160449064264332e63 {
float: left;
}
video#vid {
padding: 0;
width: 1855px;
margin: 0;

}

If i change the "width: 1855px", it will be not matched with others size.

Thank you.

Shin
0 Likes