在JWplayer中的视频之后添加图像框架以显示



我想在视频完全播放后显示一个特定数量秒的png图像,然后显示"重播"按钮。

我正在使用JW Player 6.7,我们正在考虑升级到新版本,但可能不会很快发生。

如果可以的话,请建议使用JS小提琴的解决方案。谢谢。

密码的关键部分是:

  onComplete: function() {
    jwplayer('player').remove();
    $('#player').html("<img src='http://placehold.it/720x480'/>");
  }

这是完整的代码:

jwplayer("player").setup({
  playlist: [{
    file: "http://distribution.bbb3d.renderfarming.net/video/mp4/bbb_sunflower_1080p_60fps_normal.mp4"
    }],
        width: '100%',
        aspectratio: '16:9',
        events: {
          onReady: function() {
            jwplayer('player').seek(632);
            this.setFullscreen(true);
          },
          onComplete: function() {
            jwplayer('player').remove();
            $('#player').html("<img src='http://placehold.it/720x480'/>");
          }
        },
      });

工作笔:http://codepen.io/simsketch/pen/ebwwxe

希望这会有所帮助,祝你好运!

最新更新