Video Banner para Shopify

nombre de la sección: background-video-2

<video id="videoBanner" style="   ;width:100%;pointer-events:none"
         poster="{{section.settings.video_img | img_url:'1900x'}}"
         playsinline loop autoplay  muted controls="flase">
  <source src=" {{section.settings.video}}" type="video/mp4">
</video>


 <script>
    var herovide = document.getElementById('videoBanner');
    herovide.muted=true;
    herovide.controls=false;
     herovide.autoplay=true;
       herovide.load();
</script>

{% schema %}
 {
  "name": "Mp4 Video",
  "settings": [
      {
        "type": "text",
        "id": "video",
        "label": "Mp4 Video Url",
        "default": "https://cdn.shopify.com/videos/c/o/v/7341d5fd6a8f491eab68fbc3a3ca8305.mp4"
      },
      {
        "type": "image_picker",
        "id": "video_img",
        "label": "Poster Image(that displays when video is loading)"
      }

  ],
  "presets": [
    {
      "name": "Custom Mp4 Video",
      "category": "Custom"
    }
  ]
}
{% endschema %}