filter to Cap the maximum resolution to the screen resolution

diff --git a/client/src/assets/player/peertube-videojs-plugin.ts b/client/src/assets/player/peertube-videojs-plugin.ts
index e268510fa0ff74cfe6d561ee4106d790e5b82a13..32cc4cd8f1cd0cbb7fc8408983760f9aa5c12a6d 100644 (file)
--- a/client/src/assets/player/peertube-videojs-plugin.ts
+++ b/client/src/assets/player/peertube-videojs-plugin.ts
@@ -365,8 +365,9 @@ class PeerTubePlugin extends Plugin {
 
     if (!averageDownloadSpeed) averageDownloadSpeed = this.getAndSaveActualDownloadSpeed()
 
-    // Filter videos we can play according to our bandwidth
-    const filteredFiles = this.videoFiles.filter(f => {
+    // Filter videos we can play according to our screen resolution and bandwidth
+    const filteredFiles = this.videoFiles.filter(f => f.resolution.id <= this.playerElement.width)
+    .filter(f => {
       const fileBitrate = (f.size / this.videoDuration)
       let threshold = fileBitrate