Video.js 最后一帧图像答案

【问题标题】：Video.js last frame imageVideo.js 最后一帧图像
【发布时间】：2015-01-16 11:10:20
【问题描述】：

我在显示最后一帧的 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) 定义为什么。

其他一切都按应有的方式工作，其背后的整个想法是使用视频中的最后一帧作为平台，供用户单击以导航到当前正在构建的网站的各个部分，任何关于我的想法很明显，做错了吗？

谢谢！

【问题讨论】：

标签： javascript html image video.js

【解决方案1】：

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

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

【讨论】：

这似乎在 video.js 文件中给了我以下问题：Uncaught TypeError: Cannot read property 'myPlayer' of undefinedvideo.js:39 vjsindex.html:267 (anonymous function) 与此行有关：// If a player instance has already been created for this ID return it. if (vjs.players[id]) { return vjs.players[id];
我不完全确定有什么不同。在我看来，什么都没有。我什至复制了您的代码以确保。它仍然没有显示。我正在使用本地版本，但这应该会影响这一点。我正在查看 CDN 信息，并且代码中没有错误。我设法通过隐藏视频并用海报替换它来完成这项工作，但这并不理想并且感觉有点凌乱..