Ajouter une vidéo locale.

Vous obtenez un fichier vidéo de votre propre médiathèque, lu par le navigateur sans intégration YouTube ou Vimeo. Utilisez-le pour les démos de produits, les courtes boucles ou les sites qui bloquent les lecteurs externes.

Ajouter une vidéo locale

Ouvrez votre page une fois la session ouverte : les commandes du constructeur apparaissent au survol de la zone de contenu. Votre première page présente les bases.

1. Survolez la colonne et cliquez sur + dans sa barre de contrôle, ou cliquez sur Ajouter des éléments sur une page vide. Ouvrez l’onglet Contenu et cliquez sur Vidéo locale. Elle arrive en haut de la colonne et sa boîte de dialogue de paramètres s’ouvre.
2. Sous Video, cliquez sur Select video et choisissez un fichier dans la médiathèque.
3. Choisissez d’utiliser Start playing automatically ou non. Il est désactivé par défaut. Ici il est activé, ce qui rend aussi le clip muet.
4. Choisissez d’afficher Controls ou non. Ils sont désactivés par défaut. Ici ils sont activés, pour la lecture, la pause et le volume.
5. Choisissez de mettre le clip en Loop ou non. Il est désactivé par défaut. Ici il est activé, donc le clip se répète.
6. Cliquez sur Enregistrer dans la boîte de dialogue, puis sur Enregistrer dans la barre d’outils en haut de la zone de contenu pour stocker la page.

Ce que vous voyez

Votre clip est lu dans la colonne en pleine largeur. Dans la vidéo, il démarre tout seul sans son, affiche les contrôles du navigateur et se répète à la fin. La lecture automatique tourne déjà dans l’éditeur, mais vérifiez-la de nouveau sur la page enregistrée. Les visiteurs le voient une fois la page enregistrée et publiée.

Configurer votre vidéo locale

Survolez l’élément et ouvrez Plus > Paramètres dans sa barre de contrôle. Options :

• Video : le fichier à lire : MP4, WEBM, OGG ou OGV. Le champ affiche le fichier le plus volumineux accepté par votre site. Cliquez sur Select video pour en choisir un. Sur les sites sans médiathèque, le même bouton téléverse un fichier depuis votre ordinateur.
• Start playing automatically : lit la vidéo dès le chargement de la page. Il coupe aussi le son, car les navigateurs bloquent la lecture automatique avec son.
• Muted : lit la vidéo sans son. Il n’apparaît que quand Start playing automatically est désactivé, car la lecture automatique rend toujours muet.
• Controls : affiche les contrôles de lecture, pause, volume et progression du navigateur.
• Loop : relance la vidéo à la fin.
• Video width : une largeur CSS comme 100% ou 800px. La valeur par défaut est 100%.
• Image : une image d’affiche montrée avant le démarrage de la vidéo.

Si rien ne s’affiche

• La vidéo locale ne figure pas dans l’onglet Contenu. Votre profil d’utilisateur la masque. Demandez à un administrateur de l’activer dans Profils d’utilisateurs.
• Elle a disparu après rechargement. La page n’a pas été enregistrée. Ajoutez-la de nouveau et cliquez sur Enregistrer dans la barre d’outils en haut de la zone de contenu.
• Le lecteur affiche un rectangle noir sans contenu. Aucun fichier vidéo n’est sélectionné. Survolez l’élément et ouvrez Plus > Paramètres, puis sélectionnez un fichier sous Video.
• Le lecteur reste noir malgré le fichier sélectionné. Le navigateur ne peut pas lire le codec du fichier. Réexportez-le en MP4 H.264 et sélectionnez-le de nouveau.
• La vidéo est lue sans son. Start playing automatically rend toujours la vidéo muette, car les navigateurs bloquent la lecture automatique avec son. Si les visiteurs ont besoin de l’audio, laissez-le ainsi que Muted désactivés, et gardez Controls activés pour qu’ils puissent appuyer sur lecture.

Et ensuite ?

Onglet Style pour ajouter de l’espacement ou un arrière-plan derrière votre vidéo.