Added google drive embedding to media page

biorobotics · Aug 18, 2023 · 45af654 · 45af654
1 parent fc52617
commit 45af654
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 7 deletions.
diff --git a/_layouts/media.html b/_layouts/media.html
@@ -20,13 +20,21 @@
 
                 <div class="columns is-multiline">
                     {% for video in page.videos %}
-                        {% if video.type=="youtube" %}
-                        <div class="column is-4">
-                            <figure class="image is-16by9">
+                    <div class="column is-4">
+                        <figure class="image is-16by9">
+                            {% if video.type=="youtube" %}
                                 <iframe class="has-ratio" src="http://www.youtube.com/embed/{{ video.id }}" frameborder="0" allowfullscreen></iframe>
-                            </figure>
-                        </div>
-                        {% endif %}
+                            {% endif %}
+                            {% if video.type=="google_drive" %}
+                                <iframe class="has-ratio" 
+                                    src="https://drive.google.com/file/d/{{ video.id }}"
+                                    frameborder="0"
+                                    allowfullscreen="true">
+                                </iframe>
+                            {% endif %}
+                        </figure>
+                    </div>
+
                     {% endfor %}
                 </div>
             </div>

diff --git a/media.md b/media.md
@@ -26,7 +26,7 @@ images:
 videos:
   - name: "Snake robot overview"
     type: google_drive
-    id: 0B2LF_3WEQeImX0oxalpjTnBVTEE
+    id: 0B2LF_3WEQeImX0oxalpjTnBVTEE/preview?resourceKey=0-CgPlZ4jTVf1vthLvboofTA
   - name: "Perching"
     type: youtube
     id: te4M-b69fVs