tengo este codigo:

 <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>

Me gustaría reproducir el video {{ video.video.url }} en pantalla completa al hacer clic en la imagen (miniatura) asociada con el video.

Lo intenté:

 <a onclick="var video = document.createElement('video'); video.setAttribute('src', '{{ video.video.url }}'); video.load(); video.play();"> <img src="{{ video.thumbnail.url }}" alt="{{ video.title }}" style="width:100px;"> </a>

pero solo escucho el audio.

Ya noté el atributo de poster html que es suficiente para mis necesidades, pero estoy interesado si hay otra solución, por lo que dejaré la pregunta abierta todavía.