Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including @misterben/videojs-skip-intro with all npm packages installed. Try it out:

var videojsSkipIntro = require("@misterben/videojs-skip-intro")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

@misterben/videojs-skip-intro v0.1.1

Show skip into button at start of video

videojs-skip-intro

Shows a button during recaps, intros etc to allow the viewer to skip that part of the content. Video Cloud cue points set the in/out points, or at least the out points.

By default the plugin looks for CODE cue points with the names start_recap, end_recap, start_intro, and end_intro.

If an end_* cue is found with no corresponding start_*, a start cue is inserted after the preceding cue, or at the beginning of the video if there is no preceding cue.

If a start_* cue is found without a corresponding end_*, it is ignored.

If other cue names are to be used, ranges can be set in the plugin options:

player.skipIntro({
  ranges: [
    {
      name: 'boring_bit',
      label: 'Yeah just jump past this bit'
    }
  ]
});

The plugin would then look for start_boring_bit and end_boring_bit cues. The value of label is the button text.

Installation

npm install --save @videojs-skip-intro/videojs-skip-intro

Usage

To include videojs-skip-intro on your website or web application, use any of the following methods.

<script> Tag

This is the simplest case. Get the script in whatever way you prefer and include the plugin after you include video.js, so that the videojs global is available.

<script src="//path/to/video.min.js"></script>
<script src="//path/to/videojs-skip-intro.min.js"></script>
<script>
  var player = videojs('my-video');

  player.skipIntro();
</script>

Browserify/CommonJS

When using with Browserify, install videojs-skip-intro via npm and require the plugin as you would any other module.

var videojs = require('video.js');

// The actual plugin function is exported by this module, but it is also
// attached to the `Player.prototype`; so, there is no need to assign it
// to a variable.
require('@videojs-skip-intro/videojs-skip-intro');

var player = videojs('my-video');

player.skipIntro();

RequireJS/AMD

When using with RequireJS (or another AMD library), get the script in whatever way you prefer and require the plugin as you normally would:

require(['video.js', '@videojs-skip-intro/videojs-skip-intro'], function(videojs) {
  var player = videojs('my-video');

  player.skipIntro();
});

License

MIT. Copyright (c) mister-ben <git@misterben.me>

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free