1 files changed, 21 insertions, 0 deletions

diff --git a/client/src/assets/player/shared/bezels/bezels-plugin.ts b/client/src/assets/player/shared/bezels/bezels-plugin.ts
new file mode 100644
index 000000000..ca88bc1f9
--- /dev/null
+++ b/client/src/assets/player/shared/bezels/bezels-plugin.ts
@@ -0,0 +1,21 @@
+import videojs from 'video.js'
+import './pause-bezel'
+
+const Plugin = videojs.getPlugin('plugin')
+
+class BezelsPlugin extends Plugin {
+
+  constructor (player: videojs.Player, options?: videojs.ComponentOptions) {
+    super(player)
+
+    this.player.ready(() => {
+      player.addClass('vjs-bezels')
+    })
+
+    player.addChild('PauseBezel', options)
+  }
+}
+
+videojs.registerPlugin('bezels', BezelsPlugin)
+
+export { BezelsPlugin }