Support Joomla ®, guides et aide Joomla

Contactez nous !

  

Insérer des vidéos dans ses articles

Les sujets abordés sur cette page :

Besoin d'aide ? Contactez-nous : support à partir de 65€ HT/heure

Note : cette méthode ne tient pas compte des différents composants comme All Videos Reloaded qui assistent l'utilisateur dans l'insertion de vidéos dans ses articles.


 Préambule : quand on aborde le sujet de la vidéo sur Internet et de l'insertion de vidéos dans un article, se pose souvent le problème de l'hébergement des vidéos en question. Héberger ses vidéos sur son propre site est l'assurance que l'on en est bien propriétaire, mais nécessite 1) de stocker la vidéo sur son serveur 2) de l'encoder correctement en Flash pour la rendre visible par tout le monde 3) d'utiliser un player (lecteur) pour en rendre possible la lecture 4) de disposer d'un hébergement avec suffisamment de bande passante pour ne pas gaspiller le trafic alloué à cause de ces vidéos.

Bien que moins personnalisées et forcément dépendante des sites qui hébergent les vidéos, les solutions des plates-formes en ligne comme Youtube, Dailymotion ou encore Vimeo, nous paraissent moins coûteuses en terme de temps et d'argent. La création de compte est gratuite : pensez simplement à régler correctement vos paramètres de sécurité et de confidentialité si vous ne souhaitez pas que les vidéos hébergées soient visibles par tout le monde.

Le site ne propose pas d’outil d’insertion de vidéo à proprement parler, à moins d'utiliser un plug-in de type All Videoq.

La méthode classique pour insérer une vidéo depuis un site externe nécessite d'utiliser l'outil Editer Code de la barre d'outil JCE.

Outil d'édition du code

Cet outil permet d’afficher directement le code HTML d’un article, avec en violet les différentes balises utilisées pour structurer la page.

Affichage du code HTML des articles

C’est directement dans ce code qu’il faudra venir insérer le code fourni par Youtube, Dailymotion et autres.

Récupérer le code de la vidéo

Sur Youtube, que nous allons prendre comme exemple, le code se récupère via le bouton Insérer situé juste sous la vidéo :

Insérer le code depuis Youtube

En cliquant dessus, vous déroulerez une nouvelle zone dans laquelle Youtube vous permet de modifier différents paramètres : cadre autour de la vidéo, couleur du cadre, taille de la vidéo). Une fois ces paramètres définis, copiez l’intégralité du code fourni dans le champ indiqué (il commence par la balise HTML <object>) :

Code de la vidéo Youtube

Besoin d'aide ? Contactez-nous : support à partir de 65€ HT/heure

Insérer la vidéo

Revenez sur votre site et dans votre interface d’administration.

Si vous copiez directement le code dans l’article, vous remarquerez que l’éditeur ne l’interprète pas correctement, et que la vidéo ne s’affiche pas.

Code vidéo inséré directement dans l'article

Il faut donc passer par notre outil Editer le code afin d’insérer le code Youtube directement dans le code HTML de la page. Afin de vous y aider, écrivez dans la page un mot repère aisément identifiable ; par exemple le mot youtube :

Mot repère

Cliquez sur le bouton d’édition de code :

Outil d'édition du code

C'est le code HTML du contenu de votre article. Repérez le mot youtube (ou le mot repère que vous avez chois) dans la page au milieu :

Sélectionnez-le avec la souris et remplacez-le par le code de la vidéo fourni par Youtube, en le collant directement dans le code HTML.

Mot repère dans le HTML

Cliquez sur Mettre à jour, et votre vidéo sera désormais insérée dans la page. Comme nous sommes passés par le code HTML, l'éditeur comprend bien qu'il s'agit d'une vidéo.

Code de la vidéo dans le HTML

Vous verrez un grand cadre apparaître, indiquant l'endroit où se trouve la vidéo (vous ne pourrez pas la voir dans votre administration, le Flash n’est pas lu dans JCE).

Vidéo dans l'article en admin

Appliquez ou sauvegardez votre article, et rendez-vous en frontal pour admirer la vidéo insérée dans l'article.

Vidéo dans l'article en frontal

La même méthode peut bien sûr être appliquée avec les différents portails offrant des hébergements de vidéo : Youtube, Dailymotion, Vimeo, Google Vidéo, etc.

Dans tous les cas il faut récupérer le code vidéo fourni par le site pour l’insertion, et le coller directement dans le code HTML de votre page.

 Note : comme pour les images, il est possible de modifier la taille de vos vidéos directement à la souris, en sélectionnant la vidéo sur la page dans l'éditeur JCE, puis en réduisant ou agrandissant la taille du cadre jaune avec le logo "Flash".

Besoin d'aide ? Contactez-nous : support à partir de 65€ HT/heure

Saut de Page & Lire la Suite

Astuces et Conseils

Si votre hébergement est chez OVH, la procédure classique consistant à ajouter à votre fichier .htaccess la ligne php_value register_globals Off ne fonctionnera pas.

En effet OVH a modifié la configuration de ses serveurs. Pour désactiver le Register globals il faut ajouter cette ligne : SetEnv REGISTER_GLOBALS 0

Lors de l'installation de Joomla il faut modifier certains droits sur les dossiers et fichiers. Si votre hébergement est chez OVH, il faut savoir que leurs serveurs n'acceptent pas les CHMOD 777 sur les dossiers. Il faut mettre un CHMOD 755.

Lorsque vous trier votre liste d'articles pour n'afficher que ceux d'une section voire d'une catégorie donnée, si vous cliquez sur Nouveau, le nouvel article sera directement dans la section et dans la catégorie avec lesquelles vous avez filtré vos articles.


Attention : les noms de tous les fichiers (documents, images) comme ceux des répertoires doivent s’écrire sans accents, sans espaces, et sans caractères spéciaux autres que - (tiret) _ (underscore) ou . (point). Les majuscules sont tolérées, mais sont dispensables.
Exemples de nommage corrects : image-du-chateau.jpg, le_chateau.jpg, chateau.jpg
Exemples de nommage incorrects : image du chateau.jpg, château.jpg


Attention : les seuls formats d’images tolérés sont JPG (ou JPEG), GIF et PNG. Les formats BMP, PSD, TIFF et autres sont fortement déconseillés.


Qui est Support Joomla! ® ? | Plan du site | Mentions Légales | Nous contacter









Le nom Joomla!® est utilisé sous license limitée de Open Source Matters, qui reste le propriétaire mondial de la marque.
Support Joomla n'est ni affilié à Open Source Matters ou au projet Joomla!®, ni approuvé par eux.

http://www.support-joomla.com/ is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.

Support Joomla est basé sur le template JA Purity II par JoomlArt