Le blog des experts vidéo

Comment intégrer une vidéo en direct sur votre site web [2023 Update]

By Harmonie Duhamel | Posté le January 2, 2024August 8, 2023 par Harmonie Duhamel | 32 min Read

Les statistiques montrent régulièrement que la vidéo est reine. Près de 44 % des personnes regardent moins la télévision parce qu’ils regardent plutôt des flux en direct. Plus loin, plus de 80 % du public préfèrent regarder une vidéo en direct plutôt que de lire un blog.

Aujourd’hui, la vidéo fait fureur. Pour attirer le public moderne, les entreprises d’aujourd’hui doivent tirer parti de la puissance de la diffusion vidéo en direct. Heureusement, les entreprises et les diffuseurs disposent de nombreuses solutions professionnelles de diffusion en continu.

Si vous êtes une entreprise ou un radiodiffuseur et que vous ne savez pas comment vous préparer à réussir, ne cherchez plus. Dans cet article, nous allons vous apprendre à incorporer des vidéos et à les intégrer dans votre site web. diffusion vidéo en direct sur votre site de diffusion en direct. L’intégration de flux en direct présente de nombreux avantages, notamment celui de permettre aux téléspectateurs d’accéder, par l’intermédiaire de vos canaux de médias sociaux, à votre site Web. événements virtuels en direct. Pour toute entreprise qui cherche à prospérer aujourd’hui, les informations que nous allons partager dans ce billet sont inestimables.

*Ce billet reflète les informations les plus récentes en date de décembre 2023.

Qu’est-ce que l’intégration de vidéos ?
Avantages de l’intégration d’une vidéo sur votre site web
L’importance du contenu vidéo sur votre site web
Comment fonctionne l’intégration de vidéos ?
Comment intégrer une vidéo en direct sur votre site web
Comment intégrer des vidéos en direct sur les constructeurs de sites Web les plus populaires
Comment intégrer un lecteur vidéo sur les médias sociaux
Intégrer des vidéos pour les appareils mobiles et les ordinateurs de bureau
Les 3 principales erreurs à éviter lors de l’intégration de vidéos en direct sur votre site web
Réflexions finales

Table of Contents

Qu’est-ce que l’intégration de vidéos ?

Intégrer des vidéos provenant d’une plateforme d’hébergement plutôt que de Youtube ou d’un autre service de streaming gratuit vous permet de mieux contrôler votre contenu.

L’intégration de vidéos consiste à ajouter un flux en direct ou un lecteur vidéo à votre site web à l’aide d’une plateforme vidéo en ligne. Pour de nombreux sites de diffusion en direct ou plateformes de médias sociaux, il suffit de copier et de coller un lien.

Vous pouvez utiliser des outils gratuits comme YouTube pour intégrer des vidéos sur votre site de diffusion en direct. Cependant, ces outils gratuits comportent des limitations pour l’intégration de contenu vidéo en direct sur votre site web, ce qui fait qu’ils ne constituent pas la meilleure solution pour l’intégration de vidéos.

Quelques inconvénients liés à l’utilisation de YouTube pour l’hébergement et l’intégration de flux en direct :

Trafic perdu: YouTube tire le trafic de votre site et le renvoie vers YouTube par le biais des vidéos connexes affichées à la fin de la vidéo. YouTube n’est pas conçu pour garder les spectateurs sur votre propre site de diffusion en direct.
Apparence non professionnelle: YouTube fait figurer sa marque sur les superpositions et les filigranes, et toute vidéo intégrée de YouTube à votre propre site de diffusion en direct comportera un bouton “Regarder sur YouTube”. Votre marque n’est pas du tout mise en valeur.
Pas d’assistance à la clientèle: L’assistance clientèle de YouTube est pratiquement inexistante. Si un lien de diffusion en direct ne fonctionne pas ou si la qualité de la diffusion n’est pas satisfaisante, vous devrez vous débrouiller tout seul.
Règles arbitraires : YouTube applique des règles arbitraires en matière de contenu. Si YouTube décide que votre contenu ou votre message ne lui plaît pas, il peut être supprimé de votre chaîne et de votre propre site de diffusion en direct via le lien d’intégration YouTube.
Publicités: YouTube peut diffuser des publicités sur n’importe quel contenu vidéo. Vous ne contrôlez pas les publicités qui sont diffusées sur votre contenu. Cela peut gâcher l’expérience globale et diminuer la qualité de votre contenu.
Moins de contrôle: Le maintien d’un nombre impressionnant de spectateurs en direct est l’un des nombreux indicateurs de performance de votre contenu vidéo. Avec YouTube, vous avez beaucoup moins de contrôle sur des éléments tels que la qualité de la diffusion ou les publicités.

L’utilisation de plateformes professionnelles d’hébergement de vidéos vous permet de mieux contrôler votre contenu. Comme vous êtes propriétaire du contenu, vous pouvez supprimer l’image de marque de l’hébergeur. Vous n’avez pas non plus à vous soucier de respecter les directives strictes de Youtube ni à craindre que votre contenu soit supprimé sans votre autorisation.

L’intégration de vidéos est assez facile à condition que la conception de votre site de diffusion en direct soit compatible avec le type de diffusion que vous souhaitez mettre en place. Vous pouvez facilement intégrer des vidéos de diffusion en direct ou des clips de vos diffusions en direct passées directement sur votre site Web ou votre application de diffusion en direct.

Avantages de l’intégration d’une vidéo sur votre site web

Il existe deux façons principales de placer des vidéos sur votre site web ou sur une page de renvoi. Vous pouvez lier ou intégrer des vidéos.

Lorsque vous intégrez un sur votre site web de diffusion en direct, les visiteurs peuvent le regarder sans quitter la page web sur laquelle ils se trouvent.

Lorsque vous liez une vidéo sur un site de diffusion en direct, les visiteurs doivent cliquer sur le lien, ce qui les redirige vers la page web où la vidéo est hébergée.

Il y a de nets avantages, tant du point de vue de l’expérience utilisateur que du point de vue du référencement, à intégrer des vidéos plutôt qu’à créer des liens vers celles-ci :

Optimisation de l’expérience de visionnage: Vous pouvez optimiser la vidéo pour une visualisation en ligne grâce à un code d’intégration. Lorsque vous intégrez directement un flux en direct sur votre site de diffusion en direct, vous pouvez ajuster la taille, la hauteur et la largeur du cadre de la vidéo afin d’assurer un affichage optimal sur votre site web.
Personnalisation de l’heure de début : vous pouvez personnaliser l’heure de début de la vidéo à l’aide d’un code intégré. Cela vous permet de diriger les spectateurs vers une heure de début spécifique dans votre contenu vidéo.
Garder les utilisateurs sur votre site: En apprenant à intégrer un flux en direct sur un site web, vous gardez les internautes sur votre site au lieu de les renvoyer vers un autre site. C’est particulièrement vrai si vous utilisez un service d’hébergement vidéo privé plutôt qu’une plateforme d’hébergement vidéo gratuite pour intégrer vos vidéos en direct.
Contribuer au référencement: Si vous souhaitez améliorer votre référencement, l’intégration de vidéos est l’un des meilleurs moyens d’atteindre cet objectif. Il est plus facile de se classer lorsque l’on dispose à la fois de texte et de vidéo sur son propre site web.
Augmenter l’engagement: Sur votre propre site de diffusion en direct, vous pouvez surveiller des chiffres tels que le nombre de spectateurs en direct. Il s’agit d’informations utiles qui vous permettent de connaître les performances de chaque flux en direct. Les gens aiment regarder des vidéos ; la création d’une vidéothèque sur les sites de streaming vidéo et l’ajout de vidéos directement sur votre site de streaming en direct permettent d’accroître l’engagement des utilisateurs directement sur votre site web. Il est également plus facile d’engager et d’enthousiasmer vos spectateurs pour votre contenu à venir grâce à votre propre site de diffusion en direct.
Réduire votre public cible: Il est plus important de savoir ce que l’on veut faire que de créer une vaste vidéothèque. Les téléspectateurs qui se connectent à votre propre site de diffusion en direct peuvent diffuser des vidéos en direct et laisser derrière eux quelque chose de plus important : les données des téléspectateurs. Ces données vous permettent de connaître votre public cible et le type de contenu qui l’intéresse le plus. C’est ainsi que vous pouvez cibler votre page web et créer des événements en direct sur les sujets qui intéressent le plus vos visiteurs.
Plus facile à gérer: en gérant votre propre site de diffusion en direct, vous pouvez facilement gérer et rationaliser différentes catégories de vidéos, telles que les diffusions en direct passées, les vidéos à la demande par abonnement et les clips courts, ainsi que promouvoir votre prochaine session de diffusion en direct sans avoir à payer des frais supplémentaires à des sites web tiers. Vos spectateurs peuvent accéder à l’ensemble de votre contenu par le biais de votre site de diffusion en direct ou de votre application de diffusion en direct.

Au lieu de créer des liens vers des vidéos hébergées sur d’autres sites, l’intégration de vidéos vous permet de créer une expérience vidéo personnalisée, de garder les visiteurs sur votre site web, d’augmenter l’engagement direct et de contribuer à votre référencement.

L’importance du contenu vidéo pour votre site web

Avant d’apprendre à intégrer des vidéos sur votre site web, il est important de comprendre la valeur du contenu vidéo en direct pour votre entreprise.

Marketing: La vidéo est l’un des principaux outils de marketing en ligne. 71 % des entreprises B2B et 61 % des entreprises B2C utilisent les vidéos comme outil de marketing. 87 % des spécialistes du marketing qui utilisent des vidéos marketing font état d’une augmentation du trafic sur leur site web grâce au contenu vidéo, qui offre donc un excellent retour sur investissement.
La vidéo augmente le classement SEO: En ce qui concerne les classements SEO, le contenu vidéo a 50 fois plus de chances d’être classé que les messages textuels. L’association de textes et de vidéos est un excellent moyen d’améliorer le classement de vos pages web.
La vidéo stimule l’engagement: 9 spectateurs sur 10 souhaitent voir davantage de vidéos des marques et des entreprises avec lesquelles ils s’engagent. Une personne moyenne passe environ 100 minutes par jour à regarder des vidéos en ligne. Pourquoi ne pas exploiter ce potentiel en créant des contenus vidéo à la demande par abonnement ?
La vidéo a un taux de rétention plus élevé: Comparé au contenu écrit (taux de rétention de 10 à 20 %), le contenu visuel, tel que les vidéos et les vidéos en direct, a un taux de rétention beaucoup plus élevé (65 %). Les vidéos ont également un impact plus important, surtout si vous les utilisez pour montrer la personnalité de votre marque ou des témoignages.
La vidéo est ce que les gens veulent: Un rapport de HubSpot a montré qu’environ 53 % des personnes souhaitent que les sites web incluent davantage de contenu vidéo. Elle est essentielle pour les sites de commerce électronique, car environ 88 % des clients affirment qu’ils achètent des produits parce que la vidéo les a convaincus.

Vous souhaitez en savoir plus sur l’état de la diffusion vidéo en ligne ? Lisez notre article sur les statistiques de streaming pour en savoir plus sur les tendances actuelles en matière de streaming en ligne.

Comment fonctionne l’intégration de vidéos ?

L’intégration de vidéos se fait par l’ajout d’un extrait de code, appelé “code d’intégration”, provenant de votre site web de diffusion de vidéos au code de votre site web. Il vous permet d’intégrer et de mettre en place un flux vidéo en direct sur votre site web.

Pour mettre en place un lecteur vidéo intégré, le logiciel d’hébergement vidéo de Dacast génère deux types de codes d’intégration: iFrame et JS. Le choix de l’un ou l’autre dépend de la configuration unique de votre système de diffusion en continu

Code JS Embed

Le code d’intégration JS est le code d’intégration par défaut pour Dacast, et il prend en charge la plupart des fonctionnalités. Il s’agit notamment d’être réactif si les éléments sont dimensionnés différemment sur la plateforme d’hébergement vidéo et sur le site web. Il fonctionne également avec des fonctions de restriction des référents.

Code d’intégration iFrame

Le code d’intégration iFrame est le plus universellement compatible. Toutefois, certaines fonctionnalités ne fonctionnent pas avec ce système. Ce code d’intégration n’est pas réactif, ce qui signifie qu’il a une taille fixe.

La fonction plein écran est également parfois supprimée. Cela ne se produit généralement que si vous utilisez des iFrames dans des iFrames. La fonction de restriction des référents basée sur l’URL ne fonctionne pas avec l’intégration de l’iframe.

Le code d’intégration JS est plus réactif, mais le code d’intégration iFrame est plus universellement compatible.

Comment intégrer une vidéo en direct sur votre site web

Vous pouvez intégrer des vidéos sur votre site sans aucune compétence en matière de codage.

Il n’est pas difficile d’intégrer des vidéos sur votre site web, mais cela nécessite quelques outils différents et un peu de savoir-faire.

Voyons comment intégrer un lecteur vidéo sur votre site web en 5 étapes simples. Ces étapes sont les mêmes pour l’intégration d’une vidéo en direct ou d’un contenu vidéo à la demande.

1. Choisir une plateforme de diffusion en direct

La première étape pour intégrer une vidéo en direct sur votre site web consiste à investir dans une plateforme de diffusion en direct. Avec les innombrables services de diffusion en continu disponibles aujourd’hui, la tâche peut s’avérer ardue pour les radiodiffuseurs. Cet outil permet de gérer et d’héberger l’ensemble de votre contenu vidéo. Bon nombre de ces sites de diffusion en direct prennent également en charge la monétisation, la sécurité, etc.

Parmi les principales plateformes de diffusion en direct, citons

Là encore, YouTube et Vimeo sont deux alternatives gratuites. Ces options sont minimales en termes de fonctionnalités et de capacités, mais elles peuvent être utiles aux radiodiffuseurs dont les budgets sont limités.

L’utilisation d’une plateforme professionnelle de diffusion en direct offre des avantages indéniables, tels que

Lecteur vidéo personnalisé avec fonctions en marque blanche
Réseau de diffusion de contenu(CDN) de premier plan pour une qualité de diffusion en direct professionnelle
Options de monétisation des vidéos
Des API de diffusion en direct qui vous permettent de gérer votre contenu comme vous le souhaitez
Analyse avancée de la vidéo en direct afin d’obtenir un retour d’information en temps réel sur le succès de vos flux.

Pour plus d’informations sur le choix d’un site de streaming vidéo pour héberger votre flux, veuillez consulter notre article comparatif des plateformes de streaming en direct.

2. Créer une chaîne en direct

Une fois que vous avez choisi une plateforme professionnelle de diffusion en direct, il est temps de créer une chaîne en direct.

Pour ce faire dans Dacast :

Cliquez sur le bouton violet “Ajouter +” dans le menu de gauche.
Sélectionnez “Live Stream“
Lorsque la fenêtre s’affiche, ajoutez un titre et sélectionnez “Standard” comme type de flux.
Cliquez sur “Créer“

Vous avez maintenant créé un canal en direct sur Dacast pour héberger votre flux en direct. Vous devez créer une chaîne en direct avant de créer un code d’intégration que vous pouvez utiliser pour diffuser sur votre site web.

3. Générer un code d’intégration

Les sites de diffusion en direct comme Dacast vous permettent d’intégrer manuellement le contenu de la diffusion sur votre site web en fournissant les codes d’intégration nécessaires.

Dacast permet aux utilisateurs de créer très facilement des lecteurs intégrés sur leurs sites et de diffuser des flux vidéo en direct.

ÉTAPE 1: Pour commencer, connectez-vous à votre compte Dacast. Recherchez la vidéo que vous souhaitez intégrer et cliquez sur le bouton “Modifier” :

ÉTAPE 2 : Accédez à la section “Partage” sous l’onglet “Général” et copiez le “Code d’intégration”:

Il existe deux types de codes d’intégration disponibles : JS (Javascript) et iframe. Nous recommandons d’utiliser le code d’intégration JS car il est plus universellement compatible avec la fonction plein écran.

Le code d’intégration JS est également nécessaire au fonctionnement de la fonction de restriction des références URL (qui limite le contenu en fonction des sites web autorisés à l’héberger). Cela dit, le code d’intégration iFrame est plus compatible avec certains frameworks, dont WordPress et WIX, et/ou est requis par ces derniers.

ÉTAPE 3: Une fois que vous avez sélectionné votre type de code d’intégration, la dernière chose à faire est de l’insérer dans votre site web. La présentation ne sera pas la même pour tout le monde, à condition que vous ayez accès à l’édition au niveau HTML. Il se présentera comme suit :

Si vous allez dans l’onglet “Général” et naviguez jusqu’à “Partage”, vous verrez également une option “Partager le lien”.

Il ne s’agit pas d’un code d’intégration, mais d’un lien qui vous permet de partager directement avec les internautes ou vos réseaux sociaux. Le lien dirigera les spectateurs vers une page contenant un lecteur vidéo où ils pourront regarder votre vidéo ; il ne les dirigera pas vers votre site web.

Si vous avez des questions sur l’intégration de vidéos ou si vous avez besoin d’aide avec cette fonctionnalité de Dacast, n’hésitez pas à nous contacter directement.

4. Coller le code d’intégration

Trouvez l’endroit de votre site où vous souhaitez intégrer le lecteur vidéo. Ouvrez l’éditeur HTML et collez le code d’intégration que vous avez copié depuis votre PVO.

Prévisualisez les modifications pour vous assurer que le code fonctionne correctement.

En utilisant des restrictions de domaine ou des codes d’intégration signés, vous pouvez également partager des vidéos de manière privée afin de vous assurer que vos vidéos ne sont accessibles que sur les sites web dont vous êtes propriétaire. Cette fonction est disponible avec de nombreuses plateformes CMS vidéo professionnelles, protégeant ainsi votre contenu même lorsque vous utilisez un site web de diffusion en direct tiers.

5. Enregistrez vos modifications

Enregistrez les modifications et publiez la page ou le message que vous avez modifié. Là encore, testez le site en direct pour vous assurer que votre lecteur vidéo intégré est correctement configuré.

Il est conseillé de tester votre flux vidéo en direct avant le début de votre diffusion.

Vous savez maintenant comment utiliser Dacast pour intégrer des vidéos directement sur votre site web.

Comment intégrer des vidéos en streaming sur les constructeurs de sites Web les plus populaires

Vous pouvez intégrer des vidéos sur votre site web assez facilement si vous utilisez un constructeur de site web “drag-and-drop”. L’intégration de vidéos sur des sites de diffusion en direct tels que Wix, Weebly, WordPress ou Yola ne nécessite que quelques étapes.

Voici des instructions pas à pas sur la manière d’intégrer des vidéos en direct via l’un des services d’hébergement web populaires suivants :

1. Wix

Wix est l’une des plateformes de création de sites web les plus basiques, mais vous pouvez obtenir des plugins et des mises à jour pour une personnalisation plus poussée.

Wix est une plateforme de création de sites web qui est utilisée par de nombreuses personnes qui adoptent une approche de bricolage pour créer leurs sites web.

Voyons comment intégrer une vidéo en direct sur Wix. Vous pouvez intégrer une vidéo sur votre site en quelques étapes simples.

Cliquez sur l’icône Wix App Market sur le côté gauche de l’éditeur.
Dans le moteur de recherche de l’application, tapez “HTML embed”
Cliquez sur “Ajouter au site”
Cliquez sur l’application HTML
Dans le menu contextuel, cliquez sur “Paramètres”
Sous “Mode”, choisissez “Code HTML”
Sous “HTML/Embed Code”, collez le code que vous avez généré sur Dacast
Cliquez sur “Mise à jour”

Jetez un coup d’œil au site publié pour vous assurer que le Wix Livestream se présente comme il est censé le faire. C’est ainsi que vous diffusez des vidéos en direct sur votre site de diffusion en direct à l’aide de Wix.

2. Weebly

Weebly facilite l’intégration des vidéos.

Cette plateforme est largement utilisée parce que vous pouvez créer un site web de diffusion en direct ou une boutique en ligne avec le même constructeur de site web.

Il dispose d’un éditeur par glisser-déposer, ce qui en fait une excellente option pour tous les niveaux d’utilisateurs et les personnes occupées. Grâce à son interface propre et réactive, vous pouvez créer différents types de sites web, tels que des portfolios personnels, des sites d’actualités et des sites d’entreprise.

Voici comment intégrer une vidéo dans Weebly:

Connectez-vous au backend de votre site Weebly
Cliquez sur l’onglet “construction” dans le menu supérieur
Trouvez l’option “code d’intégration” dans le menu de gauche.
Glissez-déposez le code d’intégration à l’endroit où vous souhaitez ajouter votre vidéo en direct.
Allez sur votre plateforme de vidéo en direct et copiez le code d’intégration. Le code d’intégration iFrame de Dacast est idéal.
Collez ensuite le code dans le champ “click to set custom HTML”.
Placez-la au bon endroit et cliquez sur “Publier”

Si la vidéo n’apparaît pas dans l’éditeur, ne vous inquiétez pas. Essayez de cliquer sur publier, et le lecteur vidéo Weebly devrait s’afficher.

Vous pouvez toujours revenir au mode éditeur et réajuster l’emplacement de la vidéo en direct intégrée si vous n’êtes pas satisfait de son aspect.

3. WordPress

WordPress est l’une des plateformes de création de sites web les plus populaires, car elle propose des formules adaptées à tous, du simple blogueur au géant du commerce électronique.

Le site web WordPress offre une excellente solution de diffusion en continu pour les radiodiffuseurs. Le site web WordPress a récemment mis à jour sa plateforme, de sorte que l’intégration d’une vidéo sur votre propre site web de diffusion en direct est plus facile que jamais.

Voici ce que vous devez faire :

Copiez votre code d’intégration de Dacast
Ouvrez la page ou le message où vous souhaitez ajouter la vidéo.
Cliquez sur le signe plus dans le coin supérieur gauche
Recherchez “Vidéo” dans le menu de l’élément
Faites glisser et déposez l’élément vidéo à l’endroit où vous souhaitez que la vidéo soit placée.
Cliquez sur les trois points en haut de l’élément et cliquez sur “Editer en HTML”
Collez votre code d’intégration
Cliquez sur “Mise à jour”

Pour intégrer une vidéo en direct sur l’ancienne version de WordPress, vous devez passer de l'”Éditeur visuel” à l'”Éditeur HTML” et coller le code d’intégration.

C’est tout ce que vous devez savoir sur l’intégration d’un flux vidéo en direct dans WordPress.

4. Shopify

Shopify est une option populaire pour les commerçants qui souhaitent offrir une expérience d’achat en direct à leurs visiteurs.

Pour intégrer des vidéos en continu sur Shopify afin d’offrir une expérience d’achat en direct, suivez les étapes suivantes :

Copiez votre code d’intégration de Dacast
Ouvrez la page ou l’article où vous souhaitez ajouter le flux en direct.
Cliquez sur le signe de la caméra
Collez votre code d’intégration de Dacast
Cliquez sur “Enregistrer”

N’oubliez pas de cliquer sur “voir la page” pour vérifier que le lecteur vidéo intégré fonctionne. Si vous gérez un site Shopify, c’est tout ce que vous avez à faire pour intégrer une vidéo en direct sur votre site.

5. Yola

Yola est réputé pour son excellent service clientèle. Si vous rencontrez des difficultés pour intégrer des données sur sa plateforme, il vous aidera à résoudre le problème.

Sur Yola, vous pouvez ajouter à votre site web des vidéos provenant d’autres sites de partage de vidéos. Avec votre code d’intégration Dacast, suivez les étapes suivantes.

Copiez le code fourni.
Allez dans le constructeur de site, puis cliquez sur “Widget “.
Sélectionnez “Populaire”
Glissez-déposez le widget “code HTML” sur votre page
Collez votre code dans l’éditeur HTML
Cliquez sur “Enregistrer”

Il est toujours utile de prévisualiser la page publiée pour s’assurer que tout se passera bien pour vos visiteurs. C’est tout ce que vous avez à faire pour savoir comment mettre en ligne votre contenu sur le site de Yola.

6. Sites Google

Google Sites est très pratique si vous travaillez sur votre site avec d’autres membres de votre équipe.

Google Sites fait partie de la suite d’outils Google App. Il s’agit d’un service gratuit qui vous permet de créer votre propre site web. Ce service a été créé pour permettre à des groupes d’individus de créer et d’éditer un site web ensemble à partir de différents endroits.

Pour l’intégrer à votre page Google Sites, procédez comme suit :

Copier le code d’intégration Dacast pour la vidéo
Localisez la page où vous souhaitez intégrer la vidéo.
Cliquez sur “Modifier la page ”
Placez votre curseur à l’endroit où vous souhaitez voir la vidéo
Aller à “Insérer des menus”
Cliquez sur “Plus de gadgets”
Sélectionnez ensuite “Featured” et trouvez le “Embed Gadget”.
Une fois que vous avez sélectionné le “Gadget d’intégration”, collez le code d’intégration.
Cliquez sur “OK” pour enregistrer votre page

C’est tout ce que vous avez à faire. La vidéo est désormais directement intégrée à votre site Web Google Sites pour que les internautes puissent la visionner.

7. Squarespace

Squarespace est une plateforme robuste qui permet de créer des sites web professionnels de diffusion vidéo en direct sans aucune expérience en matière de codage.

Squarespace est un peu limité en ce qui concerne les plates-formes de streaming que vous pouvez utiliser avec leurs plans moins chers. Intégrer un flux Youtube en direct sur Squarespace est beaucoup plus facile, mais comme nous l’avons mentionné, cela a ses limites.

Pour utiliser Dacast afin d’intégrer une diffusion en direct sur Squarespace, vous devez passer à un plan Business et Commerce.

Voici les instructions pas à pas pour intégrer une vidéo en direct dans Squarespace à l’aide d’un code d’intégration Dacast.

Cliquez sur modifier
Cliquez sur le signe + dans la section où vous souhaitez intégrer le flux en direct.
Cliquez sur le code< / >
Veillez à ce qu’il soit défini sur HTML
Supprimer le texte “ <p>Hello, World !< /p>”
Copiez votre code d’intégration de Dacast
Coller le code
Vérifiez que le code HTML pour la diffusion en direct de votre vidéo a été correctement configuré.

Pour intégrer une vidéo Youtube sur Squarespace, suivez les étapes suivantes :

Cliquez sur modifier
Cliquez sur le signe +.
Cliquez sur la vidéo
L’option par défaut est d’ajouter une URL de flux, mais à droite de cette option, vous verrez </> et c’est ce que vous voulez cliquer.
Trouvez le code d’intégration de votre flux en direct sur Youtube sous l’onglet “gérer”.
Collez le code et sauvegardez.

Là encore, il n’est jamais inutile de s’assurer que tout est correctement configuré.

C’est ce que vous devez faire pour intégrer une vidéo en direct sur Squarespace.

8. GoDaddy

Le constructeur de sites web de GoDaddy est un outil d’édition et de publication en ligne gratuit et facile à utiliser.

Ce constructeur de sites web est rapide à mettre en place et dispose de toutes les options nécessaires pour un site de base.

Il vous demande d’entrer vos spécifications pour un site web et en génère un pour vous avec un thème qui fonctionne bien dans votre secteur d’activité et tous les widgets et pages nécessaires. Vous pouvez toujours le personnaliser pour l’adapter à vos besoins.

Voici comment intégrer une vidéo sur votre site web GoDaddy:

Allez sur la page d’administration de votre site web et trouvez la page dans laquelle vous souhaitez intégrer votre vidéo en direct.
Cliquez sur “ajouter une section”
Trouvez l’option “ajouter une section HTML” et cliquez sur “ajouter”.
Copiez le code d’intégration de votre vidéo en direct
Collez-le dans votre site web dans le champ “code personnalisé”.
Cliquez sur “aperçu” pour voir ce que cela donne, puis cliquez sur “publier”.

Et voilà ! Votre vidéo en direct est maintenant disponible sur votre site web GoDaddy.

9. Zyro

Zyro est un constructeur de sites web DIY avec son propre fournisseur d’hébergement web qui facilite la création d’un site web ou d’une boutique en ligne pour n’importe qui.

Zyro est un constructeur de sites web, qui est populaire en raison de ses plans abordables et de ses modèles flexibles.

Son interface facile à utiliser en fait un bon choix pour les débutants, mais il offre également des fonctionnalités étonnantes pour les utilisateurs avancés afin de créer des sites Web de qualité professionnelle. Vous pouvez également modifier les modèles afin d’y ajouter votre marque.

Voici comment intégrer votre vidéo en direct sur un site web Zyro :

Connectez-vous à votre portail d’administration Zyro
Allez dans le menu de navigation à gauche et cliquez sur “pages”
Si vous souhaitez créer une nouvelle page pour la vidéo en direct, cliquez sur “ajouter une page” et insérez un titre et des informations connexes.
Sinon, cliquez sur une page existante et sélectionnez l’option “modifier”.
Localisez la zone de votre page où vous souhaitez intégrer la vidéo.
Cliquez sur “ajouter une section” dans le menu de gauche
Trouvez l’option “code d’intégration”.
Copiez votre code d’intégration à partir de la plateforme de diffusion vidéo en direct, telle que Dacast ou YouTube.
Saisissez le code d’intégration que vous avez copié à partir de votre vidéo en direct.
Cliquez sur “aperçu” pour visualiser vos modifications
Lorsque vous êtes prêt, cliquez sur “mettre à jour” pour finaliser les modifications.

Et le tour est joué.

Exemples de vidéos en direct intégrées

Voici quelques organisations qui intègrent des vidéos en direct directement sur leur site web.

Sports en direct

Pittsfield TV est une chaîne de télévision conçue pour la communauté locale. Ils sont un excellent exemple d’événements en direct qui peuvent être diffusés sur votre site web car, en plus de la diffusion de sports, ils disposent également d’autres canaux pour la diffusion en direct d’informations et d’éducation.

Musique en direct

TV-Polmusic, dont le siège se trouve dans le New Jersey, met en avant des artistes musicaux polonais. Ils disposent d’un lecteur vidéo intégré qui diffuse des vidéos musicales en direct à un public mondial.

Conférences en direct

Le Gresham College est un établissement situé à Londres qui n’accueille pas d’étudiants mais propose des conférences gratuites au public. Ils intègrent désormais des flux en direct de leurs conférences directement sur leur site de diffusion en direct.

Comment intégrer un lecteur vidéo sur les médias sociaux

Que vous souhaitiez utiliser des plateformes de services de diffusion de médias sociaux comme Facebook Live pour diffuser du sport en direct ou simplement pour organiser un webinaire de formation en direct pour votre entreprise, la possibilité d’intégrer du contenu en direct sur les médias sociaux est vitale dans le monde d’aujourd’hui.

Malgré les limites de la diffusion en direct, les médias sociaux sont considérés comme un moyen éprouvé de gagner des téléspectateurs et d’augmenter le nombre de personnes qui suivent vos émissions.

Vous pouvez partager l’un de ces codes identiques sur Facebook et Twitter pour donner accès à votre émission en direct ou à votre vidéo à la demande. Vous trouverez ce code dans la section “PARAMÈTRES DE PUBLICATION” de votre contenu vidéo.

Veuillez noter que Facebook Live a restreint l’option de diffusion en direct directement sur la plateforme. Par conséquent, si vous souhaitez diffuser en direct sur la plateforme Facebook, veuillez consulter ce tutoriel pour obtenir des informations sur le fonctionnement de tous les encodeurs prenant en charge la diffusion en continu multi-destinations sur Facebook Live.

Intégration d’un flux vidéo en direct pour les appareils mobiles et les ordinateurs de bureau

L’intégration de vidéos en direct sur vos sites de bureau ou mobiles peut se faire sans aucune compétence en matière de codage, puisque le code iFrame est fourni pour vous.

Avec Dacast et la plupart des autres plateformes de diffusion vidéo, les diffuseurs n’ont pas à se soucier d’écrire le bon code d’intégration, car le logiciel génère le code pour vous, ce qui facilite l’intégration de la vidéo en direct.

Vous pouvez copier et coller le code iFrame ou JS directement dans le code HTML de votre site web. Cette méthode fonctionne aussi bien pour les sites mobiles que pour les sites de bureau. C’est un avantage, car le visionnage de vidéos sur des appareils mobiles a une histoire mouvementée.

Le lecteur Flash Media Player d’Adobe a été la norme pour la lecture de vidéos pendant de nombreuses années. Cette tendance a changé avec l’avènement des smartphones, et plus particulièrement de l’iPhone, en 2007. Le système d’exploitation iOS d’Apple n’a jamais pris en charge – et ne prendra probablement jamais en charge – la technologie Flash.

Steve Jobs a fait une déclaration publique sur les défauts techniques de Flash Media Player. Il a expliqué pourquoi il n’utilisait pas Flash pour l’iOS d’Apple. Cette annonce a suscité la controverse et de vives spéculations. De nombreuses théories ont été émises sur les motivations de Jobs. Cependant, peu de temps après, Apple a lancé le protocole HTTP Live Streaming pour coïncider avec les débuts de l’iPhone 3.

Depuis, Flash n’a cessé de décliner, en particulier pour les systèmes d’exploitation mobiles. Quelques années plus tard, Android a suivi le mouvement en abandonnant Adobe Flash. Par conséquent, Dacast et d’autres plateformes de diffusion en direct dans le secteur de la diffusion en direct intègrent désormais HTML5 dans nos codes d’intégration. Cette fonction vous permet de créer des lecteurs intégrés compatibles avec la plupart des appareils.

Comment améliorer une vidéo en direct intégrée

Après avoir suivi toutes les étapes pour intégrer correctement les flux en direct sur un site web, la dernière chose que vous souhaitez, c’est une vidéo qui traîne et un son qui tremble. Pour améliorer la qualité vidéo de votre flux en direct, vous devez connaître les encodeurs.

Un encodeur, entre autres avantages, donne à vos vidéos et à vos sessions de diffusion en direct un aspect plus professionnel. Il stabilise également la diffusion en continu lorsque la connexion internet n’est pas fiable.

Il existe deux types de codeurs : les codeurs matériels et les codeurs logiciels. L’utilisation d’un logiciel de streaming ou d’un encodeur matériel dépend des objectifs de votre marque.

Les codeurs matériels sont généralement plus coûteux que les codeurs logiciels, mais ils sont réputés pour leur rapidité. Outre le prix, un autre avantage des encodeurs logiciels est qu’ils permettent un accès instantané aux mises à jour du logiciel de diffusion en continu, alors que la mise à jour du matériel physique est beaucoup plus difficile.

Si vous débutez avec les encodeurs, l’encodeur open-source OBS Studio est une bonne option connue pour sa simplicité.

Les 3 principales erreurs à éviter lors de l’intégration de vidéos en direct sur votre site web

Bien que le processus d’intégration de la vidéo en direct dans tous les constructeurs de sites Web courants soit relativement simple, des erreurs peuvent encore être commises. Voici les trois plus importantes que vous devez éviter :

Paramètres de confidentialité : Confirmez que les paramètres de confidentialité de votre vidéo en direct sont les mêmes que ceux de la page de votre site web. Ainsi, tous les visiteurs de votre site web pourront voir la vidéo en direct. Par exemple, si vous avez placé votre vidéo en direct derrière un mur payant pour les utilisateurs premium, assurez-vous que la page de votre site web est également destinée à ce public spécifique, afin que les autres utilisateurs ne rencontrent pas de problèmes, comme l’impossibilité de regarder la vidéo.
Mettre à jour la page: N’oubliez pas de mettre à jour votre page lorsque vous supprimez la vidéo en direct. Si votre vidéo tombe en panne pour une raison quelconque, la page affichera une erreur de lien brisé et affectera négativement l’expérience de l’utilisateur. Cela arrive souvent avec les vidéos YouTube qui sont retirées par l’administrateur ou supprimées par le réseau en raison de violations des règles.
Vérifiez vos plug-ins: Assurez-vous que votre site web ne comporte pas de plug-in qui vous empêche d’y intégrer des vidéos. Le plug-in “Disable Embeds” sur le site WordPress est un exemple de ce type de plug-in.

Réflexions finales

Comme vous pouvez le constater, il est relativement simple d’intégrer des vidéo en direct sur votre site web. Plus important encore, les avantages peuvent être considérables.

Que vous soyez un expert en technologie ou un novice en matière de diffusion en direct, Dacast vous aidera à vous préparer à la réussite de la diffusion vidéo. Nous fournissons des codes d’intégration faciles à copier et à coller dans la plateforme d’édition de votre site web. Cela permet une intégration vidéo rapide, facile et transparente.

Utilisez la solution professionnelle de professionnelle de Dacast pour héberger votre contenu vidéo dès aujourd’hui. Pourquoi ne pas l’essayer gratuitement ? Profitez de notre essai gratuit de 14 jours. Vous pouvez tester les caractéristiques et les fonctions avec des restrictions illimitées. Faites fonctionner la vidéo sur votre site de diffusion en direct et maximisez votre audience dès aujourd’hui.

Essayer gratuitement

Depuis
téléchargement vidéo sécurisé
de votre contenu de valeur à la diffusion de contenu
CDN de premier plan
aux spectateurs, nous avons tout prévu !

Harmonie Duhamel

Harmonie is a Senior digital marketer with over 6 years in the Tech Industry. She has a strong marketing and sales background and loves to work in multilingual environments.