根据videojs中的视频时序运行任意代码

时间:2014-03-07 19:35:40

标签: javascript video-streaming video.js popcornjs

video.js是否可以根据视频时序运行任意代码(JavaScript函数)?

直到现在我们使用Popcorn.js及其Code插件,但我们需要迁移到另一个库。

1 个答案:

答案 0 :(得分:0)

您可以使用此cuepoints plugin。语法类似:

videojs("myVideo").ready(function(){
  this.cuepoints();
  this.addCuepoint({
    start: 2,
    end: 5,
    onStart: function(params){
      document.getElementById('text').innerHTML="Hello";
    },
    onEnd: function(params){
      document.getElementById('text').innerHTML="Bye";
    }, 
    params: {error: false}
  });
});

示例:http://codepen.io/anon/pen/vGgwE