Comment mettre des vidéos dans mes campagnes ?

Utilisez une vidéo dans votre campagne si vous voulez illustrer une question ou une réponse. Vous pouvez également simplement afficher une vidéo dans votre écran d'accueil ou de sortie/fin. La manière la plus simple et la plus rapide de faire cela est de récupérer le code d'intégration (iframe) de la vidéo que vous désirez utiliser et de le placer dans le code source de votre campagne.

Il existe deux manières différentes d’intégrer des vidéos dans une campagne :

Comment ajouter une vidéo depuis une plateforme vidéo ( YouTube, Vimeo,..) ?

Etape 1. Récupérez le code d'intégration de votre vidéo

Si votre vidéo est hébergée sur Youtube, vous pouvez facilement en récupérer le code d'intégration (iframe) en allant visionner votre vidéo directement sur Youtube et en cliquant sur 'Partage' puis sur 'Intégrer'.

Sur Dailymotion, il suffit de cliquer sur "Exporter". Sur Vimeo, vous trouverez une petite icône d'avion en papier directement dans la vidéo. Cliquez dessus et vous pourrez ensuite récupérer votre code dans la partie "Intégration".

Etape 2. Ajouter une vidéo dans votre écran d'accueil ou de sortie

Il est également possible d'ajouter le code d'intégration de votre vidéo directement dans le contenu de votre page d'accueil ou de votre écran de sortie.

Par exemple, pour l'écran d'accueil, allez dans l'étape "Accueil", cliquez sur le bouton "Source" et collez votre code dans l'éditeur de texte.

Etape 3. Ajouter une vidéo dans une question ou une réponse

Pour ajouter une vidéo dans une question :

Utilisez la même technique que celle décrite ci-dessus : cliquez sur le bouton "Source" de votre éditeur de texte et collez votre code d'intégration dans la zone.

Pour ajouter une vidéo dans une réponse :

Vous pouvez utiliser un URL ou un code d'intégration (iframe) et le coller dans la zone ad hoc. Pour accéder à celle-ci, cliquez sur le bouton "Multimédia" situé sous la question.

Comment ajouter une vidéo depuis un fichier vidéo en HTML ?

Qu'est-ce que la balise <video> en HTML ?

La balise <video> en HTML permet d'intégrer une vidéo directement dans une page web. Elle prend en charge plusieurs formats vidéo et offre des attributs pour contrôler la lecture, le volume, et bien plus.

Voici les étapes pour ajouter une vidéo en HTML :

Étape 1 : Hébergez la vidéo dans Qualifio

Ajoutez votre vidéo dans la section "Autre matériel" de la bibliothèque multimédia de Qualifio. En double-cliquant sur la vidéo, vous pouvez récupérer l'URL source de la vidéo.

Étape 2 : Insérez la balise <video>

Placez la balise <video>à l’endroit de la campagne où vous souhaitez que la vidéo apparaisse

<video width="640" height="360" controls>
<source src="video.mp4" type="video/mp4"> 
Your browser does not support the video tag. 
</video>

Étape 3 : Ajoutez des attributs à la balise <video>

• width et height : définissent les dimensions de la vidéo.
• controls : affiche les contrôles de lecture (play, pause, volume, etc.).
• autoplay : démarre la vidéo automatiquement.
• loop : redémarre la vidéo automatiquement une fois terminée.
• muted : désactive le son de la vidéo par défaut.