dynamically grab video id (latest from particular playlist)

The playlist: https://www.youtube.com/playlist?list=PL8uZlc2CEpenUCAo9PeiOtbU04lFv48yD

app.py

@@ -7,6 +7,7 @@ import json
 import secrets
 from DB_utls import find_unused_wells, update_used_wells, save_result, get_student_quota, decrement_student_quota
 import os
+from yt_utils import get_latest_video_id
 
 # NOTE: New global dict to store tasks keyed by (student_id, experiment_id)
 tasks_dict = {}
@@ -33,6 +34,11 @@ OT2_STATUS_TOPIC = f"status/ot2/{OT2_SERIAL}/complete"
 SENSOR_COMMAND_TOPIC = f"command/picow/{PICO_ID}/as7341/read"
 SENSOR_DATA_TOPIC = f"color-mixing/picow/{PICO_ID}/as7341"
 
+channel_id = "UCHBzCfYpGwoqygH9YNh9A6g"
+playlist_id = "PL8uZlc2CEpenUCAo9PeiOtbU04lFv48yD"
+
+video_id = get_latest_video_id(channel_id, playlist_id = "PL8uZlc2CEpenUCAo9PeiOtbU04lFv48yD")
+
 
 def check_student_quota(student_id):
     """Check student's remaining experiment quota"""
@@ -435,11 +441,11 @@ with gr.Blocks(title="OT-2 Liquid Color Matching Experiment Queue") as demo:
             update_status_btn = gr.Button("Refresh Queue Status")
             gr.Markdown("### YouTube Livestream")
             #src="https://www.youtube.com/embed/live_stream?channel=UCHBzCfYpGwoqygH9YNh9A6g" 
-            iframe_html = '''
+            iframe_html = f'''
             <div style="position: relative; width: 100%; padding-top: 56.25%;">
                 <iframe 
                     style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" 
-                    src="https://www.youtube.com/embed/uhi3NaCC9i8" 
+                    src="https://www.youtube.com/embed/{video_id}" 
                     title="OT-2 Livestream" 
                     frameborder="0" 
                     allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"