<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<body>
<div>
<div id="player" style="float: left">
</div >
<div id="speed_buttons">
<input type="radio" name="play_back_rate" value =4>Ускор = 4<br>
<input type="radio" name="play_back_rate" value =2>Ускор = 2<br>
<input type="radio" name="play_back_rate" value =1 checked>Норм = 1<br>
<input type="radio" name="play_back_rate" value =0.5>Замедл = 0.5<br>
</div>
</div>
<br clear="all">
</body>
<script>
// получаем ссылку на блок с кнопками (div)
var radio_block = document.getElementById("speed_buttons");
// создаем новый input
var new_speed = document.createElement('input');
// устанавливаем атрибуты, события вновь созданного input-a
new_speed.onchange = 'alert("work!");';
new_speed.name="play_back_rate";
new_speed.type = "radio";
new_speed.value = 99;
radio_block.appendChild(new_speed);
radio_block.insertAdjacentHTML('beforeend', 'qqq<div>Hello World</div>');
//var new_br = document.createElement('br');
//radio_block.appendChild(new_br);
</script>
</html>