Javascript 暂停显示'；什么是自动播放？

我想如果我链接到一些（部分）工作代码可能会更容易

视频自动播放由Javascript控制，暂停/播放按钮“工作”，但第一次需要点击两次

是否有方法将

videoAutoPlay

添加到

EventListener

中

document.addEventListener("DOMContentLoaded", function() {

            var video = document.getElementById('videoContent');
            videoAutoPlay = video.play();

            document.getElementById("playVideo").addEventListener("click", function(){              
                
                if(this.className == 'is-playing')
                {
                    this.className = "";
                    this.innerHTML = "Play"
                    video.pause();
                }
                else{
                    this.className = "is-playing";
                    this.innerHTML = "Pause";
                    video.play();
                }
            });
        });



    <button id="playVideo">Pause</button>

document.addEventListener（“DOMContentLoaded”，function（））{
var video=document.getElementById（'videoContent'）；
videoAutoPlay=video.play（）；
document.getElementById（“播放视频”）.addEventListener（“单击”，函数（）{
如果（this.className=='正在播放'）
{
this.className=“”；
this.innerHTML=“播放”
video.pause（）；
}
否则{
this.className=“正在播放”；
this.innerHTML=“暂停”；
video.play（）；
}
});
});
暂停

在按钮上单击“将视频播放设置为false”。你的if-else语句看起来是错误的。 如果视频播放是真的，你必须做点什么。 否则，如果videoPlaying为false，则将videoPlaying设置为false

document.addEventListener（“DOMContentLoaded”，function（））{
document.getElementById（“播放视频”）.addEventListener（“单击”，函数）（）{
var videoPlaying=true；
var video=document.getElementById（'videoContent'）；
如果（视频播放）
{
this.innerHTML=“播放”
video.play（）；
}
否则{
this.innerHTML=“暂停”；
video.pause（）；
}
});
});
const pauseResume=（）=>{
如果（视频播放）{
视频播放==错误
}否则{
视频播放==正确
}
暂停/恢复

---

它应该是这样的。

它不起作用，因为`className不是有效的属性。请使用Element.classList.toggle：

var video = document.getElementById('videoContent');
videoAutoPlay = video.play();

document.getElementById("playVideo").addEventListener("click", function(){     
   this.classList.toggle('is-playing');     
   if(this.classList.contains('is-playing')) {
       this.innerHTML = "Play"
       video.pause();
   } else {
       this.innerHTML = "Pause";
       video.play();
   }
});

---

谢谢，我现在大部分时间都在工作。你介意看看我更新的答案吗？有一个到小提琴的链接。我更新了我的答案！非常感谢。我已经更新了小提琴，以防它对其他人有用是的，这可以帮助其他人；）干杯，我更新了我的问题。我几乎已经成功了。你介意看看JS Fi吗多尔？