{% 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 %}