Stockage des vidéos pour un site web sans utiliser YouTube

Bonjour, jai un site web où je possède une video en background dans le hero avec un bouton voir la video qui ouvre une modale avec alpine js pour regarder la vidéo. Quelle est la meilleure solution pour stocker ces videos ? Gratuitement dans la mesure du possible et integrable facilement car elles font uniquement 60 mo. En évitant youtube... Merci d'avance

Salut Yanis,

Tu héberges cette application de quelle façon ? Si tu as accès au serveur, le plus simple est de tout simplement stocker la vidéo dessus et de la servir via ton serveur (comme on sert les fichiers statiques avec nginx par exemple).

C'est une application Django que tu as ?

Le seul souci en stockant la vidéo sur ton serveur c'est que ça n'est pas très optimal par rapport à des services de streaming (vimeo, youtube, etc), mais si c'est une petite vidéo de présentation qui ne sera pas jouée des milliers de fois chaque jour, ça passe.

C'est une application Django en effet et je stock ça sur O2switch avec une base de données MySQL.

J'ai essayé de stocker ça avec un static mais je n'arrive pas à bien gérer le lecteur vidéo avec la modale, et jai remarqué que quand je change d'onglet, la video bloque. Apparemment c'est un comportement par défaut des navigateurs.

D'ailleurs, la vidéo dans le background et celle qui sera dans la modale seront les mêmes donc peut être qu'il y a un moyen de la charger une seule fois ?

Pour le lecteur vidéo et la modale, il faudrait s'assurer que tu gères bien l'initialisation du lecteur quand la modale s'ouvre. Alpine.js devrait te permettre de faire ça en écoutant les événements d'ouverture/fermeture de la modale et en démarrant la vidéo au bon moment (tu peux aussi passer directement par du JS).

Concernant le chargement de la vidéo une seule fois, tu peux effectivement optimiser ça si le format est le même. Tu peux utiliser l'attribut preload de la balise <video> pour contrôler comment elle est chargée en arrière-plan. Si tu utilises la vidéo en background et dans la modale, il suffit de la charger une seule fois avec le background et de la réutiliser pour ta modale.