Javascript Video.js最后一帧图像

Javascript Video.js最后一帧图像,javascript,html,image,video.js,Javascript,Html,Image,Video.js,最后一帧显示的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

最后一帧显示的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

其他一切都在正常工作,这背后的整个想法是使用视频中的最后一帧作为平台,让用户点击导航到当前正在构建的网站的各个部分,有没有关于我显然做错了什么的想法

谢谢

myId将是玩家的id属性,但您没有

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

这似乎在video.js文件中给了我以下问题:Uncaught TypeError:无法读取与此行相关的undefinedvideo.js:39 vjsindex.html:267匿名函数的属性“myPlayer”。//如果已经为此ID创建了播放器实例,请返回它。如果vjs.players[id]{返回vjs.players[id];我不完全确定有什么不同。在我看来,什么都没有。我甚至复制了你的代码以确保。它仍然没有显示。我使用的是本地版本,但这应该会影响到这一点。我正在浏览CDN信息,代码中没有错误。我通过隐藏视频并用海报替换它,成功地实现了这一点,但它是不理想&感觉有点凌乱。。