Modifier la qualité d'une vidéo HTML5 à partir de JavaScript

Question

Sur YouTube, nous pouvons modifier la qualité de la vidéo à partir d'une liste déroulante comme 360p, 144p, 240p, etc. Peut-on faire la même chose avec l'élément vidéo HTML5 à partir de JavaScript ?

Answer 1

La sélection manuelle de la qualité n'est qu'une question de temps :

1. Sauver le currentTime dans une variable
2. réglage de la vidéo src à l'URL d'une autre vidéo (avec le même contenu mais une qualité différente)
3. Réglage de la currentTime à la valeur de la variable
4. Lecture de la vidéo

Answer 2

Vous souhaitez utiliser le youtube-api avec html5-player ou vous utilisez des fichiers vidéo sur votre serveur ? si youtube-api, essayez :

https://developers.google.com/youtube/iframe_api_reference

[modifier]

En javascript o actionscript La qualité des vidéos ne peut être modifiée que par l'accès à des vidéos différentes, car elles n'ont pas été échangées ; il faudrait alors recompiler en temps réel (ce qui n'est pas faisable).

Si vous êtes intéressé(e), vous pouvez utiliser ffmpeg sur votre serveur (ou avant de télécharger les vidéos sur votre bureau) pour générer différents formats (qualités) de vidéo, vous pouvez étudier le lien suivant : http://ffmpeg.org/trac/ffmpeg/wiki/Creating%20multiple%20outputs

J'espère que cela vous aidera.