用JavaScript更改圖像src不起作用

Question

這是我的代碼

function playPause(){
    movie = document.getElementById('movieEMBED');
    icon = document.getElementById('playPauseIcon');
    var isPlaying;
    isPlaying = movie.GetRate();
    if (!isPlaying){
        movie.Play();
        icon.setAttribute('src', "images/pausebutton.png");
    }
    else {
        movie.Stop();
        icon.setAttribute('src', "images/playbutton.png");
    }
}

在html中：

<input type="image" id="playPauseIcon" src="images/playbutton.png" width=30px onClick='playPause()'></input>

關於為什么單擊按鈕后圖片無法在暫停和播放按鈕之間切換的任何想法？

Answer 1

我猜是因為您的電影正在播放。 if塊的else將src設置為相同的值：

if (!isPlaying){
    movie.Play();
    icon.setAttribute('src', "images/pausebutton.png");
}
else {
    movie.Stop();
    icon.setAttribute('src', "images/playbutton.png"); // <---- no change
}

---

為了確保您的代碼正確無誤，我將函數更改為：

function playPause(){
    var icon = document.getElementById('playPauseIcon');
    icon.setAttribute('src', "images/pausebutton.png");
}

然后慢慢添加影片代碼

Answer 2

據我所知，您的代碼很好。 您確定movie.GetRate（）返回不同的值，並且您正確地通過了“ if”的兩個路徑嗎？ 我認為movie.GetRate（）總是返回相同的值，因此您永遠不會將src屬性設置為其他圖像。