JavaScript的播放/暫停音頻切換

Question

這裏是一個的jsfiddle：

http://jsfiddle.net/8LczkwLz/19/

HTML：

<audio class="flashcardAudio" preload='none'> 
    <source src="http://dl.dropbox.com/u/1538714/article_resources/song.m4a" type='audio/mpeg' /> 
</audio> 

<a class="speakerClicked"> 
    <img src="http://codropspz.tympanus.netdna-cdn.com/codrops/wp-content/uploads/2010/01/play1-150x150.png"/> 
</a> 

JS：

var flashcardAudio = document.getElementsByClassName('flashcardAudio'), 
control = document.getElementsByClassName('speakerClicked'); 

control.onclick = function() { 
    pause_html='<img src="https://cdn2.iconfinder.com/data/icons/media-and-navigation-buttons- square/512/Button_4-128.png">'; 
    speaker_html='<img src="http://codropspz.tympanus.netdna-cdn.com/codrops/wp-content/uploads/2010/01/play1-150x150.png">'; 

    // Update the Button 
    var pause = control.innerHTML === pause_html; 
    control.innerHTML = pause ? speaker_html : pause_html; 

    // Update the Audio 
    var method = pause ? 'pause' : 'play'; 
    flashcardAudio[method](); 

    // Prevent Default Action 
    return false; 
}; 

上播放按鈕的點擊，我想看到它切換到暫停按鈕，反之亦然。似乎是在JS中輸入函數的問題，但由於警報消息從不觸發。

Answer 1

你忘了針對特定的元素，僅僅通過更換您的JS line 1 and 2：

var flashcardAudio = document.getElementsByClassName('flashcardAudio')[0], 
control = document.getElementsByClassName('speakerClicked')[0]; 

，並刪除在暫停按鈕IMG URL的空間。

查看jsfiddle