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（）会返回不同的值，并且你正在通过＆＃39;的两个路径。是否正确？我认为movie.GetRate（）总是返回相同的值，所以你永远不会将src属性设置为不同的图像。

用javascript无法更改图像src

2 个答案: