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）。

其他所有工作都完全正常，这背后的整个想法是使用视频中的最后一帧作为用户点击导航到当前正在构建的网站的各个部分的平台，任何有关我和＃39; ve，显然，做错了？

谢谢！

Answer 1

myId将是播放器的id属性，但您没有。{/ p>

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

Video.js最后一帧图像

1 个答案: