|
|
@ -1,7 +1,10 @@ |
|
|
|
<!doctype html> |
|
|
|
<html> |
|
|
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script> |
|
|
|
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> |
|
|
|
<script src="../static/js/draggable.js"></script> |
|
|
|
<head> |
|
|
|
<link rel="stylesheet" href="../static/css/style.css"> |
|
|
|
<link rel="stylesheet" href="../static/css/style.css?q=1280549780"> |
|
|
|
<title>Perspective A</title> |
|
|
|
</head> |
|
|
|
<body> |
|
|
@ -10,11 +13,11 @@ |
|
|
|
<audio controls src="../static/audio/turkish_march.ogg" type="audio/ogg"></audio> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div id="video1"> |
|
|
|
<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 class="draggable"> |
|
|
|
<iframe id="video1" width="120" height="120" 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 class="draggable"> |
|
|
|
<iframe id="video2" width="120" height="120" src="https://www.youtube.com/embed/5_9PAugYb4s" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> |
|
|
|
</div> |
|
|
|
</body> |
|
|
|
</html> |
|
|
|