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

Alerts «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.