{% load i18n wagtailcore_tags %}
<figure role="group" class="fr-content-media {{ value.width }}">
  <iframe title="{{ value.title }}"
          class="fr-responsive-vid{% if value.video_ratio %} {{ value.video_ratio }}{% endif %}"
          src="{{ value.url }}"
          allow="accelerometer; encrypted-media; gyroscope; picture-in-picture"
          allowfullscreen></iframe>
  <figcaption class="fr-content-media__caption">
    {{ value.caption }}
    <a class="fr-link" href="{{ value.url }}">{% translate "Watch on the site" %}</a>
  </figcaption>
  {% if value.transcription.content %}
    {% include_block value.transcription %}
  {% endif %}
</figure>
