Background Video - Dawn Theme not playing on mobile or ipad

1 0 0

It works great on desktop. On mobile and ipad it is just a flat static background color. Any help would be greatly appreciated.



Here is the code: 

<script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js');</script>
<script src="{{ 'global.js' | asset_url }}" defer="defer"></script>
<script src="{{ 'details-modal.js' | asset_url }}" defer="defer"></script>
<script src="{{ 'password-modal.js' | asset_url }}" defer="defer"></script>
document.addEventListener('DOMContentLoaded', function () {
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { = 'transparent';
<style> @media screen and (max-width: 750px) { {background-color: transparent !important;
<body class="password gradient">
<div class="body-overlay">
{% section 'main-password-header' %}

{{ content_for_layout }}
<video class="fullscreen-video-wrap" playsinline autoplay muted loop>
<source src="" type="video/mp4">
<source src="" type="video/webm">

{% section 'main-password-footer' %}
<ul hidden>
<li id="a11y-new-window-message">{{ 'accessibility.link_messages.new_window' | t }}</li>

Reply 1 (1)

Shopify Partner
4050 903 1556

Hi @bkay67 


This is Richard from PageFly - Shopify Page Builder App


Make sure that on your iphone and ipad that the low battery mode has been turned off.

If that mode is on, there's no video can autoplay.




Hope this can help you solve the issue 


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.