Fix videojs

client/src/assets/player/bezels/bezels-plugin.ts

@@ -1,4 +1,4 @@
-import videojs from 'video.js/dist/alt/video.core.js'
+import videojs from 'video.js'
 import './pause-bezel'
 
 const Plugin = videojs.getPlugin('plugin')

client/src/assets/player/bezels/pause-bezel.ts

@@ -1,4 +1,4 @@
-import videojs from 'video.js/dist/alt/video.core.js'
+import videojs from 'video.js'
 
 function getPauseBezel () {
   return `

client/src/assets/player/p2p-media-loader/hls-plugin.ts

@@ -2,7 +2,7 @@
 // We duplicated this plugin to choose the hls.js version we want, because streamroot only provide a bundled file
 
 import * as Hlsjs from 'hls.js/dist/hls.light.js'
-import videojs from 'video.js/dist/alt/video.core.js'
+import videojs from 'video.js'
 import { HlsjsConfigHandlerOptions, QualityLevelRepresentation, QualityLevels, VideoJSTechHLS } from '../peertube-videojs-typings'
 
 type ErrorCounts = {

client/src/assets/player/p2p-media-loader/p2p-media-loader-plugin.ts

@@ -1,4 +1,4 @@
-import videojs from 'video.js/dist/alt/video.core.js'
+import videojs from 'video.js'
 import { P2PMediaLoaderPluginOptions, PlayerNetworkInfo } from '../peertube-videojs-typings'
 import { Engine, initHlsJsPlayer, initVideoJsContribHlsJsPlayer } from 'p2p-media-loader-hlsjs'
 import { Events, Segment } from 'p2p-media-loader-core'

client/src/assets/player/peertube-player-manager.ts

@@ -1,6 +1,6 @@
 import { VideoFile } from '../../../../shared/models/videos'
-import videojs from 'video.js/dist/alt/video.core.js'
-import 'videojs-hotkeys'
+import videojs from 'video.js'
+import 'videojs-hotkeys/videojs.hotkeys'
 import 'videojs-dock'
 import 'videojs-contextmenu-ui'
 import 'videojs-contrib-quality-levels'

client/src/assets/player/peertube-plugin.ts

@@ -1,4 +1,4 @@
-import videojs from 'video.js/dist/alt/video.core'
+import videojs from 'video.js'
 import './videojs-components/settings-menu-button'
 import {
   PeerTubePluginOptions,

client/src/assets/player/peertube-videojs-typings.ts

@@ -4,7 +4,7 @@ import { P2pMediaLoaderPlugin } from './p2p-media-loader/p2p-media-loader-plugin
 import { PlayerMode } from './peertube-player-manager'
 import { RedundancyUrlManager } from './p2p-media-loader/redundancy-url-manager'
 import { VideoFile } from '@shared/models'
-import videojs from 'video.js/dist/alt/video.core.js'
+import videojs from 'video.js'
 import { Config, Level } from 'hls.js'
 
 declare module 'video.js' {

client/src/assets/player/upnext/end-card.ts

@@ -1,4 +1,4 @@
-import videojs from 'video.js/dist/alt/video.core.js'
+import videojs from 'video.js'
 
 function getMainTemplate (options: any) {
   return `

client/src/assets/player/upnext/upnext-plugin.ts

@@ -1,4 +1,4 @@
-import videojs from 'video.js/dist/alt/video.core.js'
+import videojs from 'video.js'
 import { EndCardOptions } from './end-card'
 
 const Plugin = videojs.getPlugin('plugin')

client/src/assets/player/videojs-components/next-video-button.ts

@@ -1,4 +1,4 @@
-import videojs from 'video.js/dist/alt/video.core.js'
+import videojs from 'video.js'
 
 const Button = videojs.getComponent('Button')
 

client/src/assets/player/videojs-components/p2p-info-button.ts

@@ -1,5 +1,5 @@
 import { PlayerNetworkInfo } from '../peertube-videojs-typings'
-import videojs from 'video.js/dist/alt/video.core.js'
+import videojs from 'video.js'
 import { bytes } from '../utils'
 
 const Button = videojs.getComponent('Button')

client/src/assets/player/videojs-components/peertube-link-button.ts

@@ -1,5 +1,5 @@
 import { buildVideoLink } from '../utils'
-import videojs from 'video.js/dist/alt/video.core.js'
+import videojs from 'video.js'
 
 const Button = videojs.getComponent('Button')
 class PeerTubeLinkButton extends Button {

client/src/assets/player/videojs-components/peertube-load-progress-bar.ts

@@ -1,4 +1,4 @@
-import videojs from 'video.js/dist/alt/video.core.js'
+import videojs from 'video.js'
 
 const Component = videojs.getComponent('Component')
 

client/src/assets/player/videojs-components/resolution-menu-button.ts

@@ -1,4 +1,4 @@
-import videojs from 'video.js/dist/alt/video.core.js'
+import videojs from 'video.js'
 
 import { LoadedQualityData } from '../peertube-videojs-typings'
 import { ResolutionMenuItem } from './resolution-menu-item'

client/src/assets/player/videojs-components/resolution-menu-item.ts

@@ -1,4 +1,4 @@
-import videojs from 'video.js/dist/alt/video.core.js'
+import videojs from 'video.js'
 import { AutoResolutionUpdateData, ResolutionUpdateData } from '../peertube-videojs-typings'
 
 const MenuItem = videojs.getComponent('MenuItem')

client/src/assets/player/videojs-components/settings-dialog.ts

@@ -1,4 +1,4 @@
-import videojs from 'video.js/dist/alt/video.core.js'
+import videojs from 'video.js'
 
 const Component = videojs.getComponent('Component')
 

client/src/assets/player/videojs-components/settings-menu-button.ts

@@ -1,7 +1,7 @@
 // Thanks to Yanko Shterev: https://github.com/yshterev/videojs-settings-menu
 import { SettingsMenuItem } from './settings-menu-item'
 import { toTitleCase } from '../utils'
-import videojs from 'video.js/dist/alt/video.core.js'
+import videojs from 'video.js'
 
 import { SettingsDialog } from './settings-dialog'
 import { SettingsPanel } from './settings-panel'

client/src/assets/player/videojs-components/settings-menu-item.ts

@@ -1,6 +1,6 @@
 // Thanks to Yanko Shterev: https://github.com/yshterev/videojs-settings-menu
 import { toTitleCase } from '../utils'
-import videojs from 'video.js/dist/alt/video.core.js'
+import videojs from 'video.js'
 import { SettingsButton } from './settings-menu-button'
 import { SettingsDialog } from './settings-dialog'
 import { SettingsPanel } from './settings-panel'

client/src/assets/player/videojs-components/settings-panel-child.ts

@@ -1,4 +1,4 @@
-import videojs from 'video.js/dist/alt/video.core.js'
+import videojs from 'video.js'
 
 const Component = videojs.getComponent('Component')
 

client/src/assets/player/videojs-components/settings-panel.ts

@@ -1,4 +1,4 @@
-import videojs from 'video.js/dist/alt/video.core.js'
+import videojs from 'video.js'
 
 const Component = videojs.getComponent('Component')
 

client/src/assets/player/videojs-components/theater-button.ts

@@ -1,4 +1,4 @@
-import videojs from 'video.js/dist/alt/video.core.js'
+import videojs from 'video.js'
 import { saveTheaterInStore, getStoredTheater } from '../peertube-player-local-storage'
 
 const Button = videojs.getComponent('Button')

client/src/assets/player/webtorrent/webtorrent-plugin.ts

@@ -1,4 +1,4 @@
-import videojs from 'video.js/dist/alt/video.core.js'
+import videojs from 'video.js'
 import * as WebTorrent from 'webtorrent'
 import { renderVideo } from './video-renderer'
 import { LoadedQualityData, PlayerNetworkInfo, WebtorrentPluginOptions } from '../peertube-videojs-typings'

client/src/standalone/videos/embed.ts

@@ -15,7 +15,7 @@ import {
 import { VideoStreamingPlaylistType } from '../../../../shared/models/videos/video-streaming-playlist.type'
 import { PeerTubeEmbedApi } from './embed-api'
 import { TranslationsManager } from '../../assets/player/translations-manager'
-import videojs from 'video.js/dist/alt/video.core.js'
+import videojs from 'video.js'
 import { VideoJSCaption } from '../../assets/player/peertube-videojs-typings'
 
 type Translations = { [ id: string ]: string }

client/tsconfig.json

@@ -24,6 +24,7 @@
     ],
     "baseUrl": "./",
     "paths": {
+      "video.js": [ "node_modules/video.js/core" ],
       "@app/*": [ "src/app/*" ],
       "@shared/*": [ "../shared/*" ],
       "fs": [ "src/shims/noop.ts" ],

client/webpack/webpack.video-embed.js

@@ -27,7 +27,7 @@ module.exports = function () {
       modules: [ helpers.root('src'), helpers.root('node_modules') ],
 
       alias: {
-        'video.js$': path.resolve('node_modules/video.js/dist/alt/video.core.novtt.js')
+        'video.js$': path.resolve('node_modules/video.js/core.js')
       }
     },