1 files changed, 31 insertions, 0 deletions

diff --git a/client/src/assets/player/shared/upnext/upnext-plugin.ts b/client/src/assets/player/shared/upnext/upnext-plugin.ts
new file mode 100644
index 000000000..db969024d
--- /dev/null
+++ b/client/src/assets/player/shared/upnext/upnext-plugin.ts
@@ -0,0 +1,31 @@
+import videojs from 'video.js'
+import { EndCardOptions } from './end-card'
+
+const Plugin = videojs.getPlugin('plugin')
+
+class UpNextPlugin extends Plugin {
+
+  constructor (player: videojs.Player, options: Partial<EndCardOptions> = {}) {
+    const settings = {
+      next: options.next,
+      getTitle: options.getTitle,
+      timeout: options.timeout || 5000,
+      cancelText: options.cancelText || 'Cancel',
+      headText: options.headText || 'Up Next',
+      suspendedText: options.suspendedText || 'Autoplay is suspended',
+      condition: options.condition,
+      suspended: options.suspended
+    }
+
+    super(player)
+
+    this.player.ready(() => {
+      player.addClass('vjs-upnext')
+    })
+
+    player.addChild('EndCard', settings)
+  }
+}
+
+videojs.registerPlugin('upnext', UpNextPlugin)
+export { UpNextPlugin }