From 18a35cc8ab40fbb7fc2ac509847674ee937461ce Mon Sep 17 00:00:00 2001
From: Luke Granger-Brown <git@lukegb.com>
Date: Sat, 13 Jan 2024 04:53:27 +0000
Subject: [PATCH] Rework video display on live schedule items to mirror
 historic ones.

---
 templates/schedule/item.html | 29 ++++++++++++++++-------------
 1 file changed, 16 insertions(+), 13 deletions(-)

diff --git a/templates/schedule/item.html b/templates/schedule/item.html
index 61f1a083e..13eaec3c1 100644
--- a/templates/schedule/item.html
+++ b/templates/schedule/item.html
@@ -30,19 +30,6 @@ <h2>
 
 <div class="well">
 
-{% if proposal.youtube_url %}
-<div class="youtube-link">
-  {% if proposal.thumbnail_url %}
-  <a class="row" href="{{ proposal.youtube_url }}">
-  <img class="img-responsive xs-col-6" src="{{ proposal.thumbnail_url }}">
-  </a>
-  {% else %}
-  <a class="no-thumbnail" href="{{ proposal.youtube_url }}">
-  </a>
-  {% endif %}
-</div>
-{% endif %}
-
 <p class="multiline">{{ (proposal.published_description or proposal.description) | urlize }}</p>
 
 {% if proposal.type == 'workshop' or proposal.type == 'youthworkshop' %}
@@ -80,6 +67,22 @@ <h2>
 {% endif %}
 <p>&nbsp;</p>
 
+{% if proposal.youtube_url or proposal.c3voc_url %}
+<h4>Video</h4>
+<div class="well">
+  {% if proposal.c3voc_url %}
+    <iframe src="{{proposal.c3voc_url}}/oembed" width="100%" height="500px"
+        frameborder="0" allowfullscreen></iframe>
+  {% elif proposal.youtube_url %}
+    <iframe src="{{proposal.youtube_url|replace('youtube.com/watch?v=', 'youtube.com/embed/')}}"
+        width="100%" height="500px" frameborder="0" 
+        allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+    <p>View this video <a href="{{ proposal.youtube_url }}">on YouTube</a>.</p>
+  {% endif %}
+</div>
+<p>&nbsp;</p>
+{% endif %}
+
 <h4>Return to:</h4>
 <ul class='nav nav-pills'>
   <li>