Dawn Theme Video Autoplay not working on Mobile

Falsari
Visitor
2 0 1

Hello!

 

I just implemented my custom video through a liquid, which works great on desktop; however, the video has a play button on mobile. It seemed to be working recently, but now it needs to be played. Is there any way of fixing this?

 

Here is the code used in the liquid in the theme editor:

 

<video autoplay="autoplay" loop="loop" muted="muted" defaultMuted playsinline oncontextmenu="return false;" preload="auto" id="openthinkingvideo"><source src="VIDEO HERE" type="video/mp4"></video><style>#openthinkingvideo { display:block; max-width: 100%; width: 100%; padding: 0; margin: 0 }</style>

 

Theme: Dawn

Website: Falsari.com

Replies 3 (3)

Falsari
Visitor
2 0 1

Edit: Found a partial solution - turned off low-power mode on phone, video autoplay just fine.

Mark2000
Visitor
3 0 0

love you

EcomGraduates
Shopify Partner
588 48 79

Hello there 

To enable autoplay for videos on mobile devices in Shopify, you will need to use a third-party app or custom code.

Here are some options you can consider:

  1. Use a video player app: There are several Shopify apps that allow you to add videos to your store and customize the player settings, including autoplay. Some popular options include Vidembed, Video player by Shopify, and Lottie.
  2. Use custom code: If you are comfortable with code, you can use custom HTML and CSS to create a video player and enable autoplay. You can either add the code directly to your Shopify theme or use an app like Code injection to insert the code into your store.

Keep in mind that autoplay may not be supported on all mobile devices or web browsers, and some users may have autoplay disabled in their settings. Additionally, autoplay can be intrusive and may negatively affect the user experience, so it is important to use it sparingly and consider the user's preferences.