Update 'index.html'

index.html

@@ -4,7 +4,7 @@
   <meta charset="utf-8">
   <title>NARROWCAST</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <!--<link href="https://vjs.zencdn.net/7.10.2/video-js.css" rel="stylesheet" />-->
+  <link href="https://vjs.zencdn.net/7.10.2/video-js.css" rel="stylesheet" />
   <link rel="stylesheet" type="text/css" media="all" href="narrowstyle.css"></link>
   <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css" rel="stylesheet" type='text/css'>
 </head>
@@ -108,10 +108,10 @@
 		<p>
 		Press play (best listened in FireFox). It might take a minute to load.</p>
 		<div class="audio-buttons">
-			<button class="stream-button b-narrow" onclick="document.getElementById('player').play()">Play</button>
+			<button class="stream-button b-narrow" onclick="player.play()">Play</button>
-			<button class="stream-button b-narrow" onclick="document.getElementById('player').pause();document.getElementById('player').src=document.getElementById('player').src;">Stop</button>
+			<button class="stream-button b-narrow" onclick="player.pause();player.src=player.src;">Stop</button>
-			<button class="stream-button b-narrow vol" onclick="document.getElementById('player').volume += 0.1">Vol +</button>
+			<button class="stream-button b-narrow vol" onclick="player.volume += 0.1">Vol +</button>
-			<button class="stream-button b-narrow vol" onclick="document.getElementById('player').volume -= 0.1">Vol -</button>
+			<button class="stream-button b-narrow vol" onclick="player.volume -= 0.1">Vol -</button>
 		</div>
     <span class="audio-link">  ↬ <a class="windowlinks" href="http://w-i-t-m.net:8001/meander"  target="_blank"> direct link to audio</a></span>
 	</span>