base tabler

liquid/includes/ui/inline-player.html

@@ -0,0 +1,17 @@
+{% assign id = include.id %}
+
+{% if id and include.embed-id %}
+<div id="player-{{ id }}" data-plyr-provider="{{ include.type | default: 'youtube' }}" data-plyr-embed-id="{{ include.embed-id }}"></div>
+
+{% capture_script %}
+<script>
+  document.addEventListener("DOMContentLoaded", function () {
+    {% if environment == 'development' %}
+    window.tabler_player = window.tabler_player || {};
+    {% endif %}
+    window.Plyr && ({% if environment == 'development' %}window.tabler_player["player-{{ id }}"] = {% endif %}new Plyr('#player-{{ id }}'));
+  });
+</script>
+{% endcapture_script %}
+
+{% endif %}