HTML5视频-onmuted和onloop事件

1) 你可以检测到 muted 发生“音量变化”事件。

video.addEventListener('volumechange', function () {
    console.log('muted', video.muted);
}, false);
// video.onvolumechange = ... works too

2) MutationObserver无法静音工作,因为它没有属性,但它 做 为…工作 loop .

var observer = new MutationObserver(function(mutations) {
    mutations.forEach(function(mutation) {
        if (mutation.type === 'attribute' && mutation.attributeName === 'loop') {
            console.log('loop changed', video.loop);
        }
    });
});

observer.observe(video, {
    attributes: true
});

在我的测试中,无论您是否设置 video.loop = true 使用Javascript(至少在Chrome和Firefox中)或视频元素上的右键单击下拉菜单(在FF中不可用,只有Chrome)。