Remove videojs and use plain video element (#3697)

* Remove videojs and use plaing video element. * moar removal
sitespeedio · Jul 14, 2022 · 7bc49df · 7bc49df
1 parent 27b0b18
commit 7bc49df
Show file tree

Hide file tree

Showing 10 changed files with 4 additions and 1,823 deletions.
diff --git a/lib/plugins/html/assets/css/index.min.css b/lib/plugins/html/assets/css/index.min.css
diff --git a/lib/plugins/html/assets/font/VideoJS.eot b/lib/plugins/html/assets/font/VideoJS.eot
diff --git a/lib/plugins/html/assets/font/VideoJS.svg b/lib/plugins/html/assets/font/VideoJS.svg
diff --git a/lib/plugins/html/assets/font/VideoJS.ttf b/lib/plugins/html/assets/font/VideoJS.ttf
diff --git a/lib/plugins/html/assets/font/VideoJS.woff b/lib/plugins/html/assets/font/VideoJS.woff
diff --git a/lib/plugins/html/assets/js/video.core.novtt.min.js b/lib/plugins/html/assets/js/video.core.novtt.min.js
diff --git a/lib/plugins/html/src/sass/components/video.scss b/lib/plugins/html/src/sass/components/video.scss
diff --git a/lib/plugins/html/src/sass/components/videoExtras.scss b/lib/plugins/html/src/sass/components/videoExtras.scss
diff --git a/lib/plugins/html/src/sass/main.scss b/lib/plugins/html/src/sass/main.scss
@@ -37,8 +37,6 @@
 @import 'components/screenshot';
 @import 'components/tabs';
 @import 'components/groupitem';
-@import 'components/video';
-@import 'components/videoExtras';
 @import 'components/loader';
 @import 'components/chartist';
 @import 'components/chartist-plugin-tooltip';

diff --git a/lib/plugins/html/templates/url/video/index.pug b/lib/plugins/html/templates/url/video/index.pug
@@ -1,5 +1,5 @@
 - const videoIndex = medianRun ? medianRun.runIndex : iteration;
-- const width = options.mobile || options.android || (options.safari && options.safari.useSimulator) ? 'max-width: 400px; margin: 0 auto;' : 'max-width: 800px; margin: 0 auto;'
+- const width = options.mobile || options.android || (options.safari && options.safari.useSimulator) ? '400' : '800'
 
 small
     || 
@@ -9,13 +9,10 @@ small
     | &nbsp;|&nbsp;
 a#video
 h3 Video
-  .videoWrapper(style=width)
-    - screenshotName = 'data/screenshots/' + videoIndex + '.' + screenShotType
-    video.video-js.vjs-default-skin.vjs-big-play-centered(controls, preload='none', poster=screenshotName, data-setup='{ "fluid": true, "playbackRates": [0.1, 0.2, 0.5, 1] ,"volumeControl": false}')
+  .videoWrapper
+    video(controls, preload='none', width=width)
       source(src='data/video/' + videoIndex +'.mp4', type='video/mp4')
 
-  script(src= assetsPath + 'js/video.core.novtt.min.js')
-
 a#download-video
 - const videoPath = 'data/video/' + (iteration ? iteration : medianRun.runIndex ) +'.mp4'
 a.button.button-download(href=videoPath, download=downloadName + '-video.mp4') Download video