{% if component.enabled == true %}
	{% set config = component.configuration %}
	{% set url = config.videoURL|default('') %}
	{% set cssClass = config.cssClass|default('video-container') %}
	{% set title = config.videoTitle|default('Vidéo') %}
	{% set autoplay = config.autoplay == 'yes' %}
	{% set loop = config.loop == 'yes' %}

	<div class="{{ cssClass }}">
		{% if 'youtu' in url %}
			{% set videoId = url|replace({'https://youtu.be/': '', 'https://www.youtube.com/watch?v=': ''}) %}
			<iframe width="560" height="315" src="https://www.youtube.com/embed/{{ videoId }}?autoplay={{ autoplay ? '1' : '0' }}&loop={{ loop ? '1' : '0' }}&playlist={{ videoId }}" title="{{ title }}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
		{% else %}
			<video width="560" height="315" controls {% if autoplay %} autoplay {% endif %} {% if loop %} loop {% endif %} title="{{ title }}">
				<source src="{{ url }}" type="video/mp4">
				{{'Votre navigateur ne supporte pas la lecture de vidéos'|trans}}.
			</video>
		{% endif %}
	</div>
{% endif %}