Video background doesnt work on mobile in dawn theme

Technical Q&A
1

Hi everyone, I am using the dawn theme and I have a custom video section file with the following code. The issue is it works perfectly on a desktop but it doesn’t show up at all on mobile devices and i tries multiple browsers. I cant seem to figure this out. Thanks

website: www.venturerentalcars.com

Code:


  
  
  
  
  

    
    
  

    
    

    # 
        {{ block.settings.heading | escape }}

    

 

{% schema %}
  {
    "name": "Video Background Banner",
    "settings": [
      {
      "type": "text",
      "id": "heading",
      "label": "Overlay text"
    },
      {
      "type": "url",
      "id": "video_url",
      "label": "Enter the video url here"
    },
    {
      "type": "range",
      "id": "blur",
      "min": 0,
      "max": 10,
      "step": 0.1,
      "unit": "px",
      "label": "For low quality video add blur",
      "default": 0
    },
    {
      "type": "range",
      "id": "opacity",
      "min": 0,
      "max": 1,
      "step": 0.1,
      "label": "Change video opacity",
      "default": 1
    }
],
  "presets": [
    {
      "name": "Video Background Banner"
    }
  ]
  }
{% endschema %}