Native video player

How to install on your store

1. 1Back up your theme (Online Store > Themes > Actions > Duplicate) before changing any code.
2. 2Open Online Store > Themes > Edit code and create a new file under Sections using the file name shown above.
3. 3Paste the complete file - markup, styles and JavaScript are already inside the single file, nothing else to install.
4. 4Open the theme editor, add the section to a template, and replace the example values using the section settings.
5. 5Preview the storefront and test it on a phone-sized screen before publishing.

1<div class="gpl-vid">2  {%- if section.settings.heading != blank -%}3    <h2 class="gpl-vid__heading">{{ section.settings.heading }}</h2>4  {%- endif -%}5  {%- if section.settings.video != blank -%}6    <video class="gpl-vid__player" controls playsinline poster="{{ section.settings.poster | image_url: width: 1200 }}">7      <source src="{{ section.settings.video }}" type="video/mp4">8    </video>9  {%- else -%}10    <div class="gpl-vid__empty">Upload a video in the section settings.</div>11  {%- endif -%}12</div>13 14{% schema %}