Browse Source

added some iframes

master
alicestrt 4 years ago
parent
commit
7f6a6de92f
  1. BIN
      static/audio/turkish_march.ogg
  2. 7
      static/css/style.css
  3. 12
      templates/perspectiveA.html

BIN
static/audio/turkish_march.ogg

Binary file not shown.

7
static/css/style.css

@ -1,7 +1,8 @@
* {
background-color: red;
}
#video1 { #video1 {
padding-top: 100px; padding-top: 100px;
} }
#video2 {
padding-top: 100px;
}

12
templates/perspectiveA.html

@ -1,14 +1,20 @@
<!doctype html> <!doctype html>
<html> <html>
<head> <head>
<link rel="stylesheet" href="../static/css/style.css">
<title>Perspective A</title> <title>Perspective A</title>
</head> </head>
<body> <body>
<h1>Perspective A</h1> <h1>Perspective A</h1>
<div>
<audio controls src="../static/audio/turkish_march.ogg" type="audio/ogg"></audio>
</div>
<div id="video1"> <div id="video1">
<iframe width="420" height="315" <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>
src="https://www.youtube.com/watch?v=fKOKxuFyEdg"> </div>
</iframe> <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> </div>
</body> </body>
</html> </html>

Loading…
Cancel
Save