added some iframes

4 years ago · 7f6a6de92f
3 changed files with 13 additions and 6 deletions
--- a/static/audio/turkish_march.ogg
+++ b/static/audio/turkish_march.ogg
--- a/static/css/style.css
+++ b/static/css/style.css
@ -1,7 +1,8 @@
-* {
-  background-color: red;
-}

 #video1 {
  padding-top: 100px;
 }
+
+#video2 {
+  padding-top: 100px;
+}
--- a/templates/perspectiveA.html
+++ b/templates/perspectiveA.html
@ -1,14 +1,20 @@
 <!doctype html>
 <html>
 <head>
+  <link rel="stylesheet" href="../static/css/style.css">
  <title>Perspective A</title>
 </head>
 <body>
  <h1>Perspective A</h1>
+  <div>
+    <audio controls src="../static/audio/turkish_march.ogg" type="audio/ogg"></audio>
+
+  </div>
  <div id="video1">
-  <iframe width="420" height="315"
-src="https://www.youtube.com/watch?v=fKOKxuFyEdg">
-</iframe>
+  <iframe width="420" height="281" src="https://www.youtube.com/embed/fKOKxuFyEdg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+</div>
+<div id="video2">
+<iframe width="340" height="250" src="https://www.youtube.com/embed/5_9PAugYb4s" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 </div>
 </body>
 </html>