La meilleure façon d'ajouter une vidéo est d'utiliser une forme dont le Remplissage est réglé sur Vidéo. Elle lit une vidéo YouTube ou Vimeo, ou votre propre fichier vidéo, et vous pouvez la redimensionner et la placer comme une image. Pour de la musique ou du son, utilisez le widget Audio.
Où héberger votre vidéo ?
| YouTube ou Vimeo | Votre propre fichier vidéo | |
|---|---|---|
| Espace sur votre hébergement | Aucun. La vidéo reste sur YouTube ou Vimeo. | Le fichier entier est publié sur votre hébergement |
| Bande passante (les données que votre site envoie aux visiteurs) | Fournie par YouTube ou Vimeo | Chaque lecture consomme la bande passante de votre formule |
| Publication | Rien de plus à envoyer | Les fichiers volumineux sont plus longs à publier |
| Apparence | Affiche le lecteur YouTube ou Vimeo | Aucune marque extérieure |
Pour la plupart des vidéos, mettez-les d'abord sur YouTube ou Vimeo. Vous économisez de l'espace et de la bande passante, et elles se lisent sans à-coups même sur une connexion lente.
Ajouter une vidéo
- Cliquez sur Formes dans la barre d'outils et choisissez un rectangle.
- La forme étant sélectionnée, allez dans Inspecteur > Options de forme (la deuxième icône).
- Réglez Remplissage sur Vidéo.
- Dans le menu en dessous, choisissez la source : Vidéo Youtube, Vidéo Vimeo, Fichier vidéo local (votre propre fichier) ou URL de vidéo externe (un fichier vidéo stocké sur un autre site Web).
- Pour YouTube ou Vimeo, collez le lien de la vidéo. Ouvrez la vidéo dans votre navigateur et copiez l'adresse dans la barre d'adresse, et non le lien du bouton Partager, qui ne fonctionne pas toujours. Pour votre propre fichier, cliquez sur Choisir… et sélectionnez-le, ou faites glisser le fichier sur la forme.
- Choisissez les options souhaitées : Lecture automatique, Muet, Boucle, Afficher les commandes, et une Vignette (une image qui s'affiche avant la lecture de la vidéo).
- Redimensionnez la forme. Sur une page adaptative, cochez Pleine largeur dans Inspecteur > Mesures et définissez une Larg. max. (largeur maximale), pour qu'elle se réduise à la taille d'un téléphone.
- Publiez, puis vérifiez la vidéo sur la page en ligne.
Vous verrez aussi les widgets YouTube, Vimeo et Vidéo dans l'onglet Widgets. Ils fonctionnent toujours, mais un remplissage Vidéo vous offre plus de contrôle : c'est donc ce que nous recommandons.
Utiliser votre propre fichier vidéo
- Utilisez un fichier MP4. Tous les navigateurs récents savent le lire.
- Gardez-le léger. Exportez-le depuis votre application vidéo dans une taille adaptée au Web ou au « streaming », plutôt qu'en qualité maximale. Un court extrait de taille modeste se charge bien plus vite qu'un gros original.
- Ajoutez une Vignette. Certains téléphones n'affichent pas d'aperçu de la vidéo tant qu'on ne l'a pas touchée.
- Surveillez votre espace. Les fichiers vidéo remplissent vite l'espace d'hébergement, et chaque lecture consomme de la bande passante. Si votre hébergement se remplit, déplacez les vidéos sur YouTube ou Vimeo. Consultez Mon hébergement est plein. Qu'est-ce qui occupe mon espace et comment le libérer ? (Erreur 55).
Une vidéo en arrière-plan
- Derrière toute la page : allez dans Inspecteur > Paramètres de page (la première icône), et sous Arrière-plan du navigateur, choisissez Vidéo. Vous pouvez la mettre en Boucle, la garder en Position fixe, régler une Vitesse de défilement et ajouter une Vignette.
- Derrière une partie de la page : ajoutez une forme avec un remplissage Vidéo comme ci-dessus, cochez Lecture automatique, Muet et Boucle, décochez Afficher les commandes, et placez votre texte par-dessus. Sur une page adaptative, consultez Pourquoi cet objet ne va-t-il pas là où je le fais glisser ? pour superposer des objets.
Les navigateurs ne lisent une vidéo automatiquement que si elle est muette. Une vidéo avec du son attend que le visiteur clique sur lecture. Les vidéos d'arrière-plan ne sont pas lues sur tous les téléphones : une Vignette garantit que quelque chose s'affiche.
Musique et son
Faites glisser le widget Audio de l'onglet Widgets sur votre page, et choisissez un fichier MP3 dans Inspecteur > Réglages des widgets. Vous pouvez régler le volume, et choisir de lire en boucle, de lancer la lecture à l'ouverture de la page ou de démarrer en mode muet. Comme pour la vidéo, la plupart des navigateurs ne lisent pas le son tant que le visiteur n'a pas cliqué : ajoutez donc une commande de lecture plutôt que de compter sur la lecture automatique.
Si votre vidéo ne se lit pas
| Ce que vous voyez | Que faire |
|---|---|
| Erreur 153, ou « An error occurred » (une erreur s'est produite), dans EverWeb ou dans l'Aperçu | Cela peut se produire uniquement dans EverWeb et dans l'Aperçu. Publiez, puis vérifiez la page en ligne. |
| « Sorry, we're having a little trouble » (désolé, nous rencontrons un petit problème) ou un lecteur vide | Utilisez le lien de la barre d'adresse du navigateur, et non celui du bouton Partager |
| Elle ne démarre pas toute seule | Cochez Muet. Les navigateurs bloquent les vidéos qui démarrent avec du son. |
| Elle est lente ou se met souvent en mémoire tampon | Réduisez la taille du fichier, ou mettez-la sur YouTube ou Vimeo |
| Un cadre vide sur iPhone tant qu'on ne l'a pas touché | Ajoutez une Vignette |
Articles associés
- Mon hébergement est plein. Qu'est-ce qui occupe mon espace et comment le libérer ? (Erreur 55)
- Bandwidth Limit Exceeded : pourquoi mon site est hors ligne et que faire
- La publication d'un grand site Web expire ou s'arrête quand mon ordinateur est inactif
- Pourquoi cet objet ne va-t-il pas là où je le fais glisser ?