Video.js изображение последнего кадра

Question

У меня возникают трудности с изображением плаката Video.js на последнем показе кадра.

Изображение на плакате отображается в начале видео, без проблем. Однако, когда я использую следующий код, ничего не отображается, и я получаю

Uncaught ReferenceError: myId is not defined index.html:247 (anonymous function) 

код я использую следующим образом:

Видео:

<video class="video-js vjs-default-skin" muted preload="auto" width="1903" height="auto" autoplay="true" data-setup="{}" poster="assets/images/wows.png"> 
<source src="assets/movies/TheWolfofWallStreet.mp4" type='video/mp4' /> 
<source src="assets/movies/TheWolfofWallStreet.webm" type='video/webm' /> 
<track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 --> 
<track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 --> 
<p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p> 

сценарий у меня есть, из предыдущего вопроса, задающего одно и то же:

<script>var myPlayer = videojs(myId); 
myPlayer.on('ended', function(){ 
    this.posterImage.show(); 
});</script> 

Тег сценария находится прямо в конце документа HTML, но, немного отставая от моих знаний JS, я не могу понять, что мне нужно определить (myId).

Все остальное работает точно так, как должно, вся идея заключается в том, чтобы использовать последний кадр в видео как платформу для пользователей, чтобы щелкнуть, чтобы перейти к отдельным разделам сайта, который в настоящее время строится, любые идеи о том, что Я, очевидно, сделал не так?

Спасибо!

Answer 1

myId был бы атрибутом игрока id, но у вас его нет.

<video id="myPlayer" class="video-js vjs-default-skin" … 
<script>var myPlayer = videojs("myPlayer"); …