使用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/
當你點擊Низкоекачество - 這是另一種框架，如果下一個，另一個等...