javascript - HTML5 视频 - onmuted 和 onloop 事件

Question

如何检测视频静音和循环属性的切换？

不幸的是，没有“onmuted”或“onloop”事件，如“onplay”或“onpause”。

Object.observe 不起作用。
MutationObserver 也不起作用。

如有任何建议，我们将不胜感激。

Answer 1

1) 您可以使用“volumechange”事件检测静音。

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

2) MutationObserver 无法静音工作，因为它没有属性，但它确实适用于循环。

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
});

在我的测试中，无论您使用 Javascript(至少在 Chrome 和 Firefox 中)还是使用右键单击下拉菜单(在 FF 中不可用，仅 Chrome)在视频元素上。