Повтор видео при возвращении на вкладку

Данный пример позволяет вам повторно показать пользователю видео, когда он переключается на данную вкладкуДля проверки переключитесь на другую вкладку и потом вернитесь на эту, - котик опять помашет лапкой. Видео не зациклено и не будет постоянно раздражать, отвлекая посетителя от контента страницы, но если посетитель отвлекся и потом вернулся на эту вкладку, то котик опять один раз помашет лапкой. Мило же?!

Исходный код этого примера:

<div class="video">
    <video class="help mt-30 mb-20" autoplay="autoplay" muted="muted" playsinline="playsinline">
        <source src="https://dar61.ru/pp/images/cat.mp4" type="video/mp4">
        <img src="https://dar61.ru/pp/images/cat.png" alt="Добрый милый котик...">
    </video>
</div>
<script>
    window.addEventListener('visibilitychange', function(event) {
        if(!document.hidden) {
            console.log('Элемент получил фокус:', event.target);
            var a = document.getElementsByTagName('video');
            var aLength = Math.min(2,a.length);
            for (var i = 0; i < aLength; i++) {
                a[i].currentTime = 0;
                a[i].play();
            }
        }
    });
</script>

.
Прокомментировать/Отблагодарить