Annonce

Important : WordPress 2.5.1 est disponible.
Annonce 1 : Le Codex en français a besoin de vous pour avancer !
Annonce 2 : Avant de poster, n'oubliez pas de faire une petite Recherche et de lire les règles de ce forum.

#1 05-04-2008 13:57:39

tomtom
Connaisseur WP
Date d'inscription: 02-11-2007
Messages: 23

Intégrer une vidéo youtube, dailymotion...

Bonjour,

Ma configuration WP actuelle
- Version de WordPress :
- Thème utilisé :
- Plugins en place :
- Nom de l'hebergeur :
- Adresse du site :

Problème(s) rencontré(s) :

Comment faire pour intégrer facilement dans vidéo youtube, dailymotin ou autre sur son blog ? Beaucoup de membres on fait la demande; avez-vous une solution simple à proposer ?

Hors ligne

 

#2 05-04-2008 16:39:03

splitsch
Expert WP
Date d'inscription: 30-10-2006
Messages: 291
Site web

Re: Intégrer une vidéo youtube, dailymotion...

Salut!
Lorsque tu écris, tu vas dans l'éditeur "html" et tu copie-colle le code fournis par youtube pour "embed".
Exemple:

Code:

  1. <object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/eqtfpdOcrOM&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/eqtfpdOcrOM&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>

Aplus!

Hors ligne

 

#3 05-04-2008 16:58:25

tomtom
Connaisseur WP
Date d'inscription: 02-11-2007
Messages: 23

Re: Intégrer une vidéo youtube, dailymotion...

J'ai bien sùr essayé cette solution; mais elle ne fonctionne pas. Faut-il activer quelque chose dans les options pour que cela fonctionne ?

Hors ligne

 

#4 05-04-2008 17:14:54

LH
Expert WP
Date d'inscription: 15-11-2006
Messages: 242
Site web

Re: Intégrer une vidéo youtube, dailymotion...

Salut,

Pour faire simple, il suffit que l'article ne contienne qu'un lien vers la vidéo et qu'ensuite à l'affichage de l'article, un javascript remplace le lien par le code "<embed>etc..." pour afficher le lecteur.

Voilà un exemple pour lire les mp3 avec le lecteur Flash Dew Player:
http://wordpress.free.microwebagency.co … comment-13

N'hésite pas à demander plus d'infos si il y a des étapes qui ne sont pas claires.

Have Fun.


Faites un blog, un wiki... mais pas un forum!
http://microwa.com/go/wp-content/plugins/miwa-uploader/resizer.php?src=http://microwa.com/doc/2007/01/icon.jpg
Micro Web Agency (mon agence web) | MicroWA (blog) | The WordPress Experience

Hors ligne

 

#5 14-04-2008 13:38:23

tomtom
Connaisseur WP
Date d'inscription: 02-11-2007
Messages: 23

Re: Intégrer une vidéo youtube, dailymotion...

Euh...en effet; je ne suis pas certains de comprendre la démarche à faire. Je recherche à simplifier au max...Le mieux serait d'avoir des balises [video][/video] dans laque il suffirait de mettre le lien pour que la vidéo fonctionne.

Hors ligne

 

#6 14-04-2008 22:34:22

LH
Expert WP
Date d'inscription: 15-11-2006
Messages: 242
Site web

Re: Intégrer une vidéo youtube, dailymotion...

Salut,

Si tu as jQuery déjà chargé dans ton thème il suffit de rajouter ce code Javascript:
ça ajoutera dynamiquement, à chaque hyperlien vers une vidéo youtube, le lecteur flash pour visualiser la vidéo.

Code:

  1. <script type="text/javascript">
  2.  
  3. var Extra={};
  4.  
  5. Extra.add_player_youtube= function ()
  6.  
  7. {
  8.  
  9.         trgt_www="a[href*='http://wwww.youtube.com/watch?v=']";
  10.  
  11.         trgt_fr="a[href*='http://fr.youtube.com/watch?v=']";
  12.  
  13.         base="http://www.youtube.com/watch?v=";
  14.  
  15.   embed_src='http://www.youtube.com/v/';
  16.  
  17.       src=jQuery(this).attr("href");
  18.  
  19.   if (jQuery(this).is(trgt_fr)) {
  20.  
  21.             base="http://fr.youtube.com/watch?v=";
  22.  
  23.       embed_src='http://fr.youtube.com/v/';
  24.  
  25.   }
  26.  
  27.   else {
  28.  
  29.             base="http://www.youtube.com/watch?v=";
  30.  
  31.   }
  32.  
  33.         bl=base.length;
  34.  
  35.         src=src.substr(bl, src.length-1);
  36.  
  37.         mbd='<embed src="' + embed_src + src + '" type="application/x-shockwave-flash" wmode="transparent"
  38.  
  39.  height="350" width="425"></embed>';
  40.  
  41.         cd='<div class="wrap-video">' + mbd + '</div>';
  42.  
  43.         jQuery(this).after(cd);
  44.  
  45. };
  46.  
  47. Extra.init= function ()
  48.  
  49. {
  50.  
  51.   jQuery("a[href~=youtube]").each(Extra.add_player_youtube);
  52.  
  53. };
  54.  
  55. jQuery(Extra.init);
  56.  
  57. </script>

Et si tu n'a pas jQuery, il faut le charger avant le précdent script:

Code:

  1. <script src="http://code.jquery.com/jquery-latest.pack.js" type="text/javascript"/></script>

Have Fun!

Dernière modification par LH (14-04-2008 22:35:30)


Faites un blog, un wiki... mais pas un forum!
http://microwa.com/go/wp-content/plugins/miwa-uploader/resizer.php?src=http://microwa.com/doc/2007/01/icon.jpg
Micro Web Agency (mon agence web) | MicroWA (blog) | The WordPress Experience

Hors ligne

 

Pied de page des forums

Propulsé par PunBB 1.2.16
© Copyright 2005-2006 WordPress France

Tous droits réservés - wordpress-fr.net © 2005-2006

  • RSS
WPfr ValidatorXhtml ValidatorCSS mysql Php GetFirefox
Design par AmO - Crédits - Equipe WordPress France

Réseau International : Hongrie - Allemagne - Grèce - Italie - Japon - Corée - Suisse - Turquie - USA