JS切换youtube嵌入视频的按钮

Question

所以我在元素插件中做了一个带有JS功能的切换按钮。当第一次点击按钮时，将播放嵌入的视频。当点击之后，它会暂停。当再次点击时，它会再次播放。等等......下面是我写的代码:

const vid1 = document.getElementsByClassName("eicon-play")[0];
let santanVid = 'pausing';
document.getElementById("santan-thumb").onclick = () => {

if (santanVid = 'pausing') {
santanVid = 'playing'
} else if (santanVid = 'playing') {
santanVid = 'pausing'
}

if (santanVid = 'pausing') {
vid1.click();
$('.elementor-video')[0].contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*')
} else if (santanVid = 'playing') {
vid1.click()
$('.elementor-video')[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*')
}
};

问题是，它只工作了一次。我第一次加载页面时，点击按钮，视频就会播放。第二次点击按钮，视频停止。但是如果我再次点击，视频就不能播放了

我试过使用2个按钮和代码是工作的，问题发生时，我使用1个按钮作为切换，我很好奇如何使它成为可能的方式。

谢谢你之前!

Answer 1

在你的if语句中，你是赋值，而不是检查。请使用双等号或三等号(==)或(===)

示例:if(santanVid === ' pause ')