Insérer une vidéo Youtube sur votre site sous-titrée dans votre langue

paper pencil cartoon  Maintenance Joomla Agerix paper pencil cartoon  16 mars 2019 paper pencil cartoon  16 mars 2019 blue eyes  3792 paper pencil cartoon  1 minutes


Dernièrement le projet Joomla a diffusé une vidéo de promotion du CMS au niveau mondial. En intégrant des sous-titres, ils voulaient permettre aux différentes communautés de profiter de cette vidéo pour en faire une promotion locale. Le hic c'est qu'il n'est pas possible de faire un lien forçant les langues de sous-titre. Voici donc comment insérer une vidéo sur votre site en forçant la langue des sous-titres

Vous allez voir, c'est tout simple. Il suffit d'ajouter quelques bout de code à l'URL de la vidéo et d'insérer la vidéo en iframe sur votre site. En 5 minutes chrono la vidéo sera sur votre site !

Pour cet exemple nous allons travailler sur la vidéo "What is Joomla!" diffusée le 9 mars 2019 sur la chaîne officielle

Comme vous pouvez le constater la vidéo est bien sous-titrée mais les sous-titres sont ceux par défaut donc en anglais. Connaissant l'intérêt des français pour les langues étrangères nous allons mettre les sous-titres en français. 😃

Vous êtes prêts ? Alors allons-y. Je fais un pas à pas pour ceux qui ne l'ont jamais fait, pour les autres vous pouvez récupérer le code directement en bas de cet article.


Annonce agerix

Agerix newsletter

Récupérez le code de la vidéo sur Youtube

Première étape, vous allez sur la page Youtube et vous cliquez sur le lien "Partager"

 2019 03 16 forcer les sous titre dune video youtube

Deuxième étape, vous choisissez l'option "Intégrer" 

 2019 03 16 forcer les sous titre dune video youtube 2

 Troisième et dernière étape, vous récupérez le code

2019 03 16 forcer les sous titre dune video youtube 3

Intégrez ce code sur votre site

Vous allez voir c'est très simple. Ajoutez &hl=en&cc_lang_pref=fr” avant “&cc_load_policy=1” dans le code d’hébergement de la vidéo.

  • hl” definit la langue à l’intérieur de la vidéo
  • cc_lang_pref” définit la langue choisie pour la lecture de la vidéo

Si l’on prend l’exemple d’un affichage de sous-titres en français, le code est = fr , le code iframe à intégrer est alors le suivant :   

<iframe width="560" height="315" src="https://www.youtube.com/embed/agMGyThdulE?&amp;hl=fr&amp;cc_lang_pref=fr&amp;cc_load_policy=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen"></iframe>

Et le résultat, TADAAAA ! 😄

Vous préférez avec les sous-titres en roumain, pas de soucis, remplacez le "fr" par "ro" et hop en deux secondes c'est fait !

Amusez-vous bien et diffusez ! 😎

Vous souhaitez créer
votre site web ?

L'agence Agerix étudie votre besoin et vous établi sous 48 heures un devis personnalisé et adapté.
 

paper pencil cartoon Article rédigé par Maintenance Joomla Agerix

Lire plus d'article sur le blog agerix.fr

À lire également dans cette catégorie


Dans ce monde hautement compétitif, la survie de votre entreprise dépend de la manière dont vous structurez et mettez en œuvre vos stratégies marketing.

Les stratégies marketing pour avoir une entreprise en bonne santé

Dans ce monde hautement compétitif, la survie de votre entreprise dépend de la manière dont vous structurez et mettez en œuvre vos stratégies marketing. Internet regorge de centaines de marques qui se battent littéralement pour attirer plus de clients jour après jour. Il est donc essentiel que vous tiriez parti de stratégies marketing solides pour que votre marque se distingue des autres.


paper pencil cartoon 08 août 2021 paper pencil cartoon 09/01/21 blue eyes 772

Explications des valeurs noopener, noreferrer et nofollow

Explications des valeurs noopener, noreferrer et nofollow

Si vous êtes impliqué dans le développement web ou l'optimisation des moteurs de recherche (SEO), il y a de fortes chances que vous soyez tombé sur les termes noopener, noreferrer et nofollow. Qu'est-ce que noopener noreferrer ? Qu'en est-il du nofollow ? Dans cet article, nous vous expliquons tous ces termes et leurs implications sur le référencement et la sécurité web.


paper pencil cartoon 09 septembre 2021 paper pencil cartoon 09/23/21 blue eyes 430

Pourquoi et comment le décodage progressif des images accélère le chargement des pages et améliore l'expérience de navigation sur le Web.

Améliorer l'expérience Web grâce au décodage progressif des images

Le décodage progressif des images est un excellent moyen d'accélérer le chargement des pages et donc d'améliorer l'expérience de navigation sur le Web. Ce billet explique pourquoi et détaille les développements récents de cette approche.


paper pencil cartoon 08 août 2021 paper pencil cartoon 08/17/21 blue eyes 697

Core Web Vitals : guide SEO complet pour des temps de chargement plus courts de vos pages

Core Web Vitals : guide complet pour optimiser les temps de chargement des pages

Qu'est-ce que la vitesse d'une page aujourd'hui, comment la mesurer et comment améliorer les scores de vos pages avec les Core Web Vitals ? Voyons cela ensemble..


paper pencil cartoon 08 août 2021 paper pencil cartoon 09/13/21 blue eyes 1020

Viva Connections : ce que votre intranet pourrait être

Viva Connections : ce que votre intranet pourrait être

Avec Microsoft Viva, les entreprises pourraient disposer d'une nouvelle plateforme pour l’expérience de l’employé (EXP) qui rassemble les communications, les connaissances, l'apprentissage, les ressources et les points de vue dans une collection d'applications livrées en équipes. Voici comment Viva Connections pourrait être la passerelle vers un intranet orienté Expérience des Employés.


paper pencil cartoon 02 février 2021 paper pencil cartoon 07/02/21 blue eyes 1359

Comment améliorer facilement votre classement SEO grâce à du contenu visuel

Améliorez facilement votre classement SEO grâce à du contenu visuel

Le contenu visuel est un outil puissant lorsqu'il est exploité et utilisé à son plein potentiel. Améliorez votre classement dans les moteurs de recherche grâce à ce contenu.


paper pencil cartoon 02 février 2021 paper pencil cartoon 09/17/21 blue eyes 218

Vous souhaitez créer
votre site web ?

L'agence Agerix étudie votre besoin et vous établi sous 48 heures un devis personnalisé et adapté.
 


Agerix : Agence digitale Gauloise
4 rue Jean Moulin 33310 Lormont, France , Tel:+33 5 35 54 92 03 , Fax:+33 9 72 14 74 74 , E-mail: contact(at)agerix.fr
Confidentiel Agence Agerix © 2019 S.A.R.L au capital de 8500 euros. RCS Bordeaux 812 619 062.
A.P.E 6202A N° identification T.V.A FR42812619062