Javascript Parser error

Question

У меня есть HTML5-видео, в котором есть плакат и кнопка наложения CSS. Я пытаюсь загрузить видео, как только оно закончится, чтобы он снова показывал плакат и кнопку наложения воспроизведения.

Я пробовал следующий код, но получаю ошибку Parser на последней строке, может кто-нибудь помочь мне и сообщить мне, что это я делаю неправильно !?

$(document).ready(function() { 
    $('.video').parent().click(function() { 
    if ($(this).children(".video").get(0).paused) { 
     $(this).children(".video").get(0).play(); 
     $(this).children(".playpause").fadeOut(); 
    } else { 
     $(this).children(".video").get(0).pause(); 
     $(this).children(".playpause").fadeIn(); 
    } 
    }); 

    var video= $(".video").get(0); 
    video.addEventListener('ended',function() { 
    video.load(); 
    $(".playpause").show();        
    }, false); 
}); 

Answer 1

Чтобы предотвратить

Uncaught (in promise) DOMException: The play() request was interrupted by a call to pause(). 

ошибку, завернуть if заявление в click обработчика в setTimeout() вызова.

Смотрите также How to prevent "The play() request was interrupted by a call to pause()" error?

$(document).ready(function() { 
 
    $('.video').parent().click(function() { 
 
    var vid = $(this).children(".video").get(0); 
 
    setTimeout(function() { 
 
    if (vid.paused) { 
 
     vid.play(); 
 
     $(this).children(".playpause").fadeOut(); 
 
    } else { 
 
     vid.pause(); 
 
     $(this).children(".playpause").fadeIn(); 
 
    } 
 
    }) 
 
    }); 
 

 
    var video= $(".video").get(0); 
 
    video.addEventListener('ended',function() { 
 
    video.load(); 
 
    $(".playpause").show();        
 
    }, false); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
click<br> 
 
<span class="playpause">play pause</span> 
 
<video controls class="video" poster="https://placehold.it/350x150" src="https://nickdesaulniers.github.io/netfix/demo/frag_bunny.mp4"></video> 
 
</div>