javascript - 如何制作一个改变视频播放状态的按钮？

Question

我想制作一个笑话网站并为我的朋友们做 rickroll，但我只能制作带有静音声音的视频自动播放。所以我想制作一个改变视频播放状态的假cookie同意按钮（基本上是一个播放视频的按钮）

标签： javascripthtmlvideoautoplay

Answer 1

function videoPlay() {
    var video = document.getElementById('myvideo');
    var btn = document.getElementById('playBtn');
    if (video.paused) {
        video.play();
        btn.innerHTML = "Pause"
    } else {
        video.pause();
        btn.innerHTML = "Play"
    }
}

<video id="myvideo" src="https://www.w3schools.com/html/mov_bbb.mp4"></video>
    <button id="playBtn" onclick="videoPlay()">Play</button>