Why is my homepage video not playing on mobile devices?

Solved

Why is my homepage video not playing on mobile devices?

Ethan2
New Member
4 0 0

Hi, I am using the Shopify Emporium theme and my video is not working on the homepage on mobile devices. The video works on the computer. But on the phone, the videos do not play and do not work. I wrote "autoplay loop muted playsinline" code in the <video> tag in video.liquid, but it did not work. I am using the video I added to Shopify. I would be very grateful if you can help.

<video
controls
controlslist="nodownload"
preload="metadata"
title="{{ section.settings.video_description | escape }}"
data-video-target
autoplay loop muted playsinline
>

Accepted Solution (1)

PageFly-Richard
Shopify Partner
4400 1006 1657

This is an accepted solution.

Hi @Ethan2 

This is Richard at PageFly - Shopify Advanced Page Builder app.

 

I understand your frustration with the video not working on mobile devices in your Shopify Emporium theme. Here are some potential solutions based on the information you provided:

Theme Video Compatibility Issue:

While you've added the "autoplay loop muted playsinline" code, Shopify themes might have limitations regarding video playback on mobile devices, especially older themes like Emporium.

Solution:

  • Theme Documentation: Check the Shopify Emporium theme documentation or search Shopify forums for known video playback issues on mobile with this theme. There might be a workaround or a theme update available.
  • Contact Shopify Theme Support: If the documentation doesn't offer a solution, consider contacting Shopify theme support directly. They might be able to provide specific guidance for your theme.

Hoping my solution helps you solve your problem.

Best regards,

Richard | PageFly

 

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 3 (3)
Ethan2
New Member
4 0 0

My videos are in MP4 format. This problem did not exist before. It also worked on mobile devices before. Although I did not make any changes, it started not working on mobile devices. How can I check that the video player on the website is compatible for all devices. I use Emporium Theme on the website

Ethan2
New Member
4 0 0
My videos are in MP4 format. This problem did not exist before. It also
worked on mobile devices before. Although I did not make any changes, it
started not working on mobile devices. How can I check that the video
player on the website is compatible for all devices? I use Emporium Theme
on the website

PageFly-Richard
Shopify Partner
4400 1006 1657

This is an accepted solution.

Hi @Ethan2 

This is Richard at PageFly - Shopify Advanced Page Builder app.

 

I understand your frustration with the video not working on mobile devices in your Shopify Emporium theme. Here are some potential solutions based on the information you provided:

Theme Video Compatibility Issue:

While you've added the "autoplay loop muted playsinline" code, Shopify themes might have limitations regarding video playback on mobile devices, especially older themes like Emporium.

Solution:

  • Theme Documentation: Check the Shopify Emporium theme documentation or search Shopify forums for known video playback issues on mobile with this theme. There might be a workaround or a theme update available.
  • Contact Shopify Theme Support: If the documentation doesn't offer a solution, consider contacting Shopify theme support directly. They might be able to provide specific guidance for your theme.

Hoping my solution helps you solve your problem.

Best regards,

Richard | PageFly

 

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.