Воспроизведение видео, связанного с изображением, при нажатии на изображение

У меня такой код:

<div class="video3">
        <!--
        <video src="{{ video.video.url }}" controls></video>
        -->
        {% if video.thumbnail %}
          <img src="{{ video.thumbnail.url }}" alt="{{ video.title }}" style="width:100px;">
        {% else %}
          <span class="text-muted">Without thumbnail</span>
        {% endif %}
        <div class="top-left">{{ video.title }}</div>
      </div>
     {% endfor %}
     </div>

Я хотел бы воспроизводить видео {{ video.video.url }} в полноэкранном режиме при нажатии на изображение (миниатюру), связанное с видео.

Вернуться на верх