如何取消静音和重启视频？

Question

无法弄清楚如何重新启动和取消静音视频：

var player = document.getElementById('player');
var video = document.getElementById('video');
var play = document.getElementById('play');

video.addEventListener('canplay', function() {
    video.muted = true;
    video.play();
});

play.addEventListener('click', function() {
    player.classList.add('is-open');
    video.muted = false;
    video.load();
    video.play();
});

Answer 1

当您处理click事件时，会重新触发canplay事件，之后会重新应用静音状态。

您可以使用某些标记或在第二次需要播放视频时取消订阅canplay事件 - 或者在视频元素中设置autoplay和muted而不使用{{ 1}}事件。

canplay