HTML5 Video Player Qualität auf Vollbild ändern

Ich brauche eine sehr einfache Funktion, und ich dachte jeder Spieler hat dies. Ich muss die Qualität eines Videos wechseln, wenn der Nutzer auf "Vollbild" klickt. Und die Qualität muss der Bildschirmgröße entsprechen.HTML5 Video Player Qualität auf Vollbild ändern

Ich habe Videos für 1080p, 720p, 480p, 360p, 240p. Der Standardwert ist 240p, das Player-Fenster ist klein. Ich möchte, wenn Benutzer Vollbildmodus, richtige Auflösung gewählt werden (wie 1080p für 1920x1080 oder 720p für weniger)

Ich habe viele Informationen über verfügbare HTML5-Player gelesen, und es scheint, dass videojs und jwplayer gut sind. Videojs haben eine Qualitätsumschalterfunktion, aber keinen Vollbildmodus. Jwplayer scheint das auch nicht zu unterstützen.

Youtube unterstützt diese viele Jahre. Gibt es eine einfache Möglichkeit, eine solche Funktion für bestehende Player-Lösungen hinzuzufügen? (Sie einen anderen html5-Video-Player bieten kann)

Dank

Quelle

2017-03-01 Ural

für Browser, die HLS unterstützen (m3u8) dies ziemlich einfach ist, müssen Sie nur Ihr Video als Multi-Bitrate codieren, und von einem Server ab, die es unterstützt. Für andere müssen Sie die Quelle ändern und an den entsprechenden Punkt suchen, wenn das Video die Größe ändert – Offbeatmammal

Danke für den Vorschlag. Ich will dash/hls nicht, weil das Video qualitativ hochwertig ist und besser auf Puffer warten soll, als in schlechter Qualität auszusehen. – Ural

Was hast du probiert? Veröffentlichen Sie den Code, der nicht funktioniert. – zer00ne

ich beschlossen es mit VideoJS und https://github.com/kmoskwiak/videojs-resolution-switcher/ Plugin. Ich habe markierte Quellen und diesen Code:

player.on('fullscreenchange', function() { 
     if(player.isFullscreen()) 
     { 
      label='720p'; 
      if(screen.width>1280) 
      label='1080p';    
      player.currentResolution(label); 
     } 
     else 
      player.currentResolution('240p'); 
    });

Quelle

2017-03-02 05:58:09 Ural

HTML5 Video Player Qualität auf Vollbild ändern

Antwort

Verwandte Themen