Update 'index.html'

index.html

@@ -57,11 +57,17 @@
 
 
     <!-- EXAMPLE ETHERPAD -->   
+    <div class="resize-drag">
         <iframe class="resize-drag" src="https://pad.vvvvvvaria.org/fhm#1.notes"></iframe>
+        <a href="https://pad.vvvvvvaria.org/fhm#1.notes">pad.vvvvvvaria.org/fhm#1.notes</a>
+        </div>
     
 
     <!-- CHAT INTERFACE -->
-    <iframe class="resize-drag" src="https://chat.vvvvvvaria.org/"></iframe>
+    <div class="resize-drag">
+    <iframe src="https://chat.vvvvvvaria.org/"></iframe>
+    <a href="https://chat.vvvvvvaria.org/">chat.vvvvvvaria.org</a> 
+    </div>
 
     <!-- AUDIO STREAM -->
     <!--<audio controls loop="" class="resize-drag" src="http://w-i-t-m.net:8001/meander" type="audio/mp3"> </audio>-->
@@ -75,10 +81,10 @@
               type="video/mp4">   
       </video> 
     -->
-
+<div class="resize-drag">
     <video 
       id="player"
-      class="video-js vjs-default-skin resize-drag"
+      class="video-js vjs-default-skin"
       height="360"
       width="640"
       controls
@@ -89,6 +95,8 @@
         type="application/x-mpegURL"
       />
     </video>
+    <a href="https://chat.vvvvvvaria.org/">URL of the BBB</a>
+    </div>
 
     <p class="note"> * move and resize the elements above by dragging their corners / sides and click on the page to set the position *</p>