DIA Frontend

Video 

<div class="embed-responsive embed-responsive-16by9">
    <video controls autoplay loop muted>
        <source src="https://archive.org/download/BigBuckBunny_124/Content/big_buck_bunny_720p_surround.mp4" type="video/mp4">
        Sorry, your browser doesn't support embedded videos.
    </video>
</div>
 
{# prettier-ignore #}
{% set extension = file.url|split('.')|last %}

{% block main %}
<div class="embed-responsive embed-responsive-{{ external_media_ratio|default('16by9') }}">
    <video controls
        {% if file.properties.autoplay %}autoplay{% endif %}
        {% if file.properties.loop %}loop{% endif %}
        {% if file.properties.muted %}muted{% endif %}
    >
        <source src="{{ file.url }}" type="video/{{ extension }}">
        Sorry, your browser doesn't support embedded videos.
    </video>
</div>
{% endblock %}
 
{
  "file": {
    "url": "https://archive.org/download/BigBuckBunny_124/Content/big_buck_bunny_720p_surround.mp4",
    "properties": {
      "autoplay": true,
      "loop": true,
      "muted": true
    }
  }
}

No notes defined.