Shoddy audio controls

diff --git a/index.html b/index.html
index 3efd519..178a479 100644 (file)
--- a/index.html
+++ b/index.html
@@ -48,7 +48,14 @@
          }
 
          #audio {
+             display: none;
+         }
+
+         #controls {
              z-index: 999;
+             position: absolute;
+             right: 0px;
+             bottom: 0px;
          }
         </style>
          </head>
@@ -57,6 +64,10 @@
         <audio autoplay loop controls id="audio">
             <source id="audio/1.mp4" src="" type="audio/webm" />
         </audio>
+        <div id="controls">
+            <button onclick="document.getElementById('audio').play()">Play</button>
+            <button onclick="document.getElementById('audio').pause()">Pause</button>
+        </div>
         <video autoplay muted loop id="video">
             <source src="video/1.mp4" type="video/mp4">
         </video>