使用JavaScript更改iframe src

Question

我有三个不同的页面; player_lo.html，player_hi.html和player_med.html。

这三个页面是不同的质量流播放器流页面。我想使用JavaScript来更改iframe的来源。

我有这样的剧本，但它不工作：

<a href="/player/player_lo.html" class="button grey" onclick="$('#player').attr('src', 'player_lo.html'); $(this).parent().find('a').removeClass('red'); $(this).parent().find('a').addClass('grey'); $(this).addClass('red').removeClass('grey'); return false;">Low Quality</a> 
<a href="/player/player_med.html" class="button red" onclick="$('#player').attr('src', 'player_med.html'); $(this).parent().find('a').removeClass('red'); $(this).parent().find('a').addClass('grey'); $(this).addClass('red').removeClass('grey'); return false;">medium quality</a> 
<a href="/player/player_hi.html" class="button grey" onclick="$('#player').attr('src', 'player_hi.html'); $(this).parent().find('a').removeClass('red'); $(this).parent().find('a').addClass('grey'); $(this).addClass('red').removeClass('grey'); return false;">high quality/a> 

为了什么，我试图做一个例子，看看这个：http://slon.ru/tvrain/
当你点击Низкоекачество - 这是另一种框架，如果下一个，另一个等...