The html code in the "document.getElementById" section will work when it is stand along, but although it produces the radio buttons when nested inside "document.getElementById" the buttons don't work. I wonder if its to do with nesting the "document.getElementById"

     <span id="Item1"></span>

     <script>

     document.getElementById("Item1").innerHTML = '<center><table bgcolor="#ddceff" width="550" border="2"><TR><TD><center>TEST<BR><audio id="player" src="https://media.radiodgh.com:8443/stream"></audio><div><button onclick="document.getElementById("player").play()">Play</button><button onclick="document.getElementById("player").pause()">Pause</button><button onclick="document.getElementById("player").volume += 0.1">Vol +</button><button onclick="document.getElementById("player").volume -= 0.1">Vol -</button></div></center></font></center></TD></TR></TABLE>'

     </script>