可见性回到“可见”：只有在之前没有暂停时视频才会自动播放

Question

我可以在可见性更改为隐藏时暂停视频，并在可见性恢复为可见时播放视频。像这样：

    var userManuallyPause = false;

    var video = document.getElementById('video');
    var documentTitle = document.title;

    var updateTitleForVideo = function(state){
        if (state === '') {
            document.title = documentTitle;
            return;
        };

        document.title = documentTitle + ' [' + state + ']';
    };

    video.onpause = function(){
        userManuallyPause = true;
        updateTitleForVideo('Paused');
    };

    video.onplay = function(){
        updateTitleForVideo('');
    };

    document.addEventListener('visibilitychange', function(){
        var state = document.visibilityState;

        if (!video.paused) {
            if (state === 'hidden') {
                video.pause();
                userManuallyPause = false;
                updateTitleForVideo('Paused');
            }
        }
        else if (state === 'visible' && !userManuallyPause) { video.play(); }
    });

但如果视频在可见性变为隐藏之前已经暂停，我不希望视频在我恢复可见时播放。

这可能吗？我不确定。

Answer 1

您可以将其存储在var userManuallyPause = false 等变量中，如果用户自己暂停它，您可以将该变量设置为true。当用户取消暂停时，您可以将其设置回 false。

然后在上面的代码中，添加一个检查

if (!userManuallyPause) { ... }

它应该按预期运行。