HTML5 video (videojs) pause () & play () не работает?

Question

У меня полнофункциональное HTML5-видео, его идентификатор " # html5-video-7345 ".

Я пытаюсь управлять им с помощью jQuery, но не знаю как.

ПРИМЕЧАНИЕ: мне не нужен автоигра, это просто упрощенная версия того, что мне нужно:

 jQuery(document).ready(function(){
    alert('test1');
    jQuery('#html5-video-7345').player.play();
    alert('test2');
 });

Предупреждает "test1" дважды.

То же самое происходит с jQuery('#html5-video-7345')[0].player.play() или jQuery('#html5-video-7345')[0].play().

Что не так? Как остановить () / воспроизвести () видео HTML5 с помощью jQuery / JS?

Answer 1

Мне не удалось найти ссылку на функцию videojs, и Google полностью вводил в заблуждение. К счастью, я нашел это решение, и оно отлично работает:

jQuery('#html5-video-7345').player.play(); //wrong
jQuery('#html5-video-7345').player().play(); //correct

Answer 2

Убедитесь, что событие canplay сработало, прежде чем пытаться вызвать .play():

jQuery('#html5-video-7345').bind("canplay", function() {
    this.play(); // Should start video
});

Событие canplay наступает, когда браузер может начать воспроизведение видео, но это не гарантирует, что оно может воспроизвести видео до конца. Если это не подходит вашим целям, есть несколько других связанных событий, которые вы можете прослушать, например loadeddata и canplaythrough.