Why is my video only visible on iOS and not Android?

Shopify Discussion
1

Hello!

I’m hoping to understand why this block of code will only show my video on some browsers and not others.

I’ve noticed it plays on iOS just not android.

Sometimes chrome has trouble too..

PLEASE HELP!!!

2

Hi @thefeelbar ,

Try to change the code like below.
3

Hey!

Thanks for the quick response..
Still nothing on Laptop and Android… so confused.

4

Would it depend on the way the video is embedded maybe?

Perhaps I bring the video to another host instead of in shopify files?

5

Hard to tell without seeing your website

6

Here is the link to the video: https://youtu.be/-5jeCq3fsvc

If you can somehow find a way to embed this on loop that would be great…

7

Hi @thefeelbar ,

If it is a youtube video, you should try the iframe instead. Use the code below

<iframe id="vid" type="text/html" width="640" height="360" src="https://www.youtube.com/embed/-5jeCq3fsvc?&autoplay=1&mute=1&loop=1&rel=0&showinfo=0&color=white&iv_load_policy=3&playlist=-5jeCq3fsvc" frameborder="0" allowfullscreen="" style="width: 100%; height: auto; aspect-ratio: 1.8;"></iframe>
8

This works!

Is there a way to make the window a bit smaller?

I noticed some black borders on the outside.

Also, it does not automatically play on youtube.. is there a workaround for this?

Thank you very much for your help!

9

The window goes by aspect-ratio. You can adjust the aspect-ratio in the code. Regarding the autoplay on youtube. It should autoplay whenever the customer interacts on the video.

1 Like
10

Hey! Do you think there is a way to enable the video to play automatically with closed captions?