Webflow permet bien d'embedder des vidéos sur votre site. Le problème commence dès que vous essayez de héberger des vidéos directement via la plateforme. Les limites de taille de fichier sont restrictives, la qualité se dégrade lors du transcodage automatique, et chaque vidéo hébergée localement consomme de la bande passante — ce qui se traduit par des coûts et des performances dégradées.

Pour un site avec plusieurs vidéos — un portfolio, une page produit avec des démos, un héros vidéo en arrière-plan — les problèmes s'accumulent rapidement. Le site devient lent, les pages chargent mal sur mobile, et le coût lié à la bande passante monte vite.

Les alternatives classiques : YouTube et Vimeo

YouTube est gratuit mais vous force à héberger votre contenu sur la plateforme de Google, avec les contraintes associées (publicités, branding YouTube, lien vers la plateforme). Vimeo Pro offre plus de contrôle mais à un prix qui monte vite dès que vous avez un volume conséquent de vidéos. Pour des agences comme Cëlavie qui gérent plusieurs projets clients, ces limites deviennent rapidement des blocages.

Bunny.net est un hébergeur vidéo avec CDN intégré qui résout tous ces problèmes en même temps. Pas de limite de taille de fichier. Le transcodage automatique jusqu'en 4K est inclus gratuitement. Et le CDN global — avec 119 points de présence en monde — garantit que votre vidéo se charge rapidement peu importe où se trouve votre visiteur.

Le streaming adaptatif HLS

Bunny.net utilise le streaming HLS (HTTP Live Streaming), qui adapte automatiquement la qualité de la vidéo en fonction de la connexion du visiteur. Sur une bonne connexion, vous obtenez la qualité maximale. Sur une connexion faible, la qualité se dégrade progressivement mais la vidéo reste lisible sans buffering. C'est exactement ce qu'on veut pour des vidéos sur un site web.

Le prix qui change la donne

Le prix de départ est de 1 dollar par mois. C'est 5 à 10 fois moins cher que Vimeo Pro pour un usage équivalent, et il n'y a pas d'engagement. On paie selon la consommation, ce qui est idéal pour des projets clients où le volume de vidéos varie d'un projet à l'autre.

L'intégration sur Webflow est simple : vous embedez votre vidéo via une balise iframe standard. Pas besoin d'app native Webflow. Le code est minimal et compatible avec le CMS Webflow, ce qui vous permet même de gérer les vidéos de manière dynamique.

Les best practices pour une intégration réussie

Utilisez l'attribut loading="lazy" sur vos iframes vidéo pour éviter que des vidéos en bas de page se chargent avant même que le visiteur ne les atteigne. Pour les vidéos en arrière-plan (hero vidéo), limitez la durée à 15-20 secondes et utilisez une boucle courte. Activez le preload uniquement pour les vidéos above the fold.

Avant même de pointer vers Bunny.net, compressez vos sources vidéo avec des outils comme Handbrake. Moins est mieux : une vidéo bien compressée + un bon CDN, c'est ça qui fait la différence en termes de performance.

Ce qu'il faut savoir avant de choisir

Bunny.net n'a pas d'app native sur Webflow, ce qui veut dire pas d'interface visuelle intégrée pour gérer vos vidéos directement depuis le Designer. Les analytics sont aussi plus basiques que sur Vimeo. Mais pour ce qu'on cherche — performance, prix, qualité — c'est de loin le meilleur rapport. Sur les projets clients où on a migré depuis Vimeo vers Bunny.net, on a constaté une amélioration des scores de performance du site de 15 à 25 points sur Google PageSpeed.