视频.js最后一帧图像



我在最后一帧显示时遇到视频.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"); …

最新更新