From a52945e9639aefe888de87c5675a1089328f6b39 Mon Sep 17 00:00:00 2001
From: John Arban Lewis <johnarban@users.noreply.github.com>
Date: Tue, 20 Feb 2024 12:43:45 -0500
Subject: [PATCH] switch to youtube

---
 src/Radwave.vue | 26 ++++++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/Radwave.vue b/src/Radwave.vue
index cb0901d..1996dee 100644
--- a/src/Radwave.vue
+++ b/src/Radwave.vue
@@ -233,12 +233,21 @@
           @keyup.enter="showVideoSheet = false"
           tabindex="0"
         ></font-awesome-icon>
-        <video
+        <!-- <video
           controls
           id="info-video"
         >
           <source src="./assets/ralf_german_short.mp4" type="video/mp4">
-        </video>
+        </video> -->
+        <iframe 
+          id="info-video"
+          width="560" height="315" 
+          src="https://www.youtube.com/embed/Z25n-s_DMMg?si=7kXU2YzWf5l_izXN" 
+          title="YouTube video player" 
+          frameborder="0" 
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
+          allowfullscreen>
+        </iframe>
       </div>
     </v-dialog>
 
@@ -334,6 +343,12 @@
                   </v-row>
                   <v-row>
                     <v-col cols="12">
+                      <div class="credits">
+                        <h3>Science Credits:</h3>
+                        Ralf Konietzka<br>
+                        Catherine Zucker<br>
+                        Alyssa A. Goodman<br>
+                      </div>
                       <div class="credits">
                       <h3>Credits:</h3>
                       <p>This Data Story is powered by WorldWide Telescope.</p>
@@ -1292,4 +1307,11 @@ export default defineComponent({
 .v-leave-to {
   opacity: 0;
 }
+
+video, #info-video {
+  margin: auto;
+  max-width: 100%;
+  object-fit: contain;
+
+}
 </style>