Désolé pour les blogueurs ou blogueuses non concernés par ce que je dis mais je soigne tous mes visiteurs.
Ce code a été réalisé par mon ami Camyo.
Après des recherches longues et en anglais (oui c’est mon fort…), j’ai enfin réussi à trouver le code qui permet d’ajouter des vidéos Youtube, Dailymotion, Google Vidéo et Viméo avec TinyMce. Il faut tout simplement télécharger le plugin media (il est mis par défaut dans l’archive que vous téléchargez sur le site TinyMce). Il faut le mettre dans votre barre wysiwyg de TinyMce.
Dans le dossier media > js, vous avez un fichier media.js, ouvrez-le et allez à la ligne 322.
Là, copier coller ce bout de code :
// dailymotion if ( v.match(/dailymotion\.com\/video\/(.+)(.*)/)) { f.width.value = '425'; f.height.value = '350'; f.src.value = 'http://www.dailymotion.com/swf/' + v.match(/video\/(.*)(.*)/)[0].split('video/')[1]; return 'flash'; } // Vimeo if ( v.match(/^http:\/\/(?:www\.){0,1}vimeo\.com\/(\d+)$/) ) { f.width.value = '400'; f.height.value = '321'; f.src.value = 'http://vimeo.com/moogaloop.swf?clip_id=' + v.match(/^http:\/\/(?:www\.){0,1}vimeo\.com\/(\d+)$/)[1]; return 'flash'; }
Cela donne alors :
function getType(v) { var fo, i, c, el, x, f = document.forms[0]; fo = ed.getParam("media_types", "flash=swf;flv=flv;shockwave=dcr;qt=mov,qt,mpg,mp3,mp4,mpeg;shockwave=dcr;wmp=avi,wmv,wm,asf,asx,wmx,wvx;rmp=rm,ra,ram").split(';'); // YouTube if (v.match(/watch\?v=(.+)(.*)/)) { f.width.value = '425'; f.height.value = '350'; f.src.value = 'http://www.youtube.com/v/' + v.match(/v=(.*)(.*)/)[0].split('=')[1]; return 'flash'; } // Google video if (v.indexOf('http://video.google.com/videoplay?docid=') == 0) { f.width.value = '425'; f.height.value = '326'; f.src.value = 'http://video.google.com/googleplayer.swf?docId=' + v.substring('http://video.google.com/videoplay?docid='.length) + '&hl=en'; return 'flash'; } // dailymotion if ( v.match(/dailymotion\.com\/video\/(.+)(.*)/)) { f.width.value = '425'; f.height.value = '350'; f.src.value = 'http://www.dailymotion.com/swf/' + v.match(/video\/(.*)(.*)/)[0].split('video/')[1]; return 'flash'; } // Vimeo if ( v.match(/^http:\/\/(?:www\.){0,1}vimeo\.com\/(\d+)$/) ) { f.width.value = '400'; f.height.value = '321'; f.src.value = 'http://vimeo.com/moogaloop.swf?clip_id=' + v.match(/^http:\/\/(?:www\.){0,1}vimeo\.com\/(\d+)$/)[1]; return 'flash'; }
Voilà, maintenant lorsque vous insérez le permalien (genre http://www.youtube.com/watch?v=DKlMSOEIYT4) dans la zone Fichier / Url, automatiquement une zone de vidéo va se créer. Efficace et rapide !
merci d’avoir prévenu. effectivment je ne peux pas mettre de plug ins dans mes billets sur Gandi (mais ça ne veut pas dire que ce n’est pas posssible)
Heureux que ça serve !
Je suis vréma tres heureux
Ba c’est cool, aimez vous les uns les autres !
Moi aussi, heureux que ça serve …
Mais bon, je croyait que ça se faisait de citer ses sources ..
http://www.camyo.net/article_39,dailymotion-dans-tinymce.html
(article du 27 février … )
Mais bon .. Content que ça serve !!
Bonne prog,
Camyo
Je ne l’ai pas trouvé sur ton site ce bout de code, donc vois cela avec le bon responsable, je cite quasiment tout le temps les sources des articles. Cela fait 4 ans que je blogue donc bon…
Tu as ton lien en commentaire, j’espère que tu es plus heureux comme ça et que ta journée sera plus belle…
Bonjour,
Je ne crois nullement que ma journée en sera plus belle ..
mais bon …
Effectivement, ce code n’est pas présent que su mon site, il y est aussi sur le forum tinyMCE de moxicode http://tinymce.moxiecode.com/punbb/viewtopic.php?id=20511
et sur le forum de developpez.net http://www.developpez.net/forums/d884002/webmasters-developpement-web/javascript/tinymce-dailymition-modification-media-js/
Mais comme … pour ce code, tu ne site pas de source, je me suis donc permis …
n’y vois rien de personnel, si je ne voulais pas qu’il tourne, j’en aurais pas fais un article …
Bonne continuation à toi
Camyo
Désolé si cela te gène, mais franchement ce n’était pas mon intention. Hop modifié.
Hop hop modifié, désolé si cela t’as gêné, cela n’est pas du tout ce que je voulais.
Bonjour,
J’ai suivi les instructions ci-dessus.
J’ai bien le plugin media dans mon éditeur tinymce.
J’ai bien le code
qui apparaît dans ma source mais la vidéo reste invisible !
Une idée ?
Ci-dessous vous trouverez le code de cette article que j’ai modifié pour être compatible avec la version 3.5b3 de TinyMCE
// dailymotion
if ( src.match(/dailymotion\.com\/video\/(.+)(.*)/)) {
data.width = 425;
data.height = 350;
data.params.frameborder = ’0′;
data.type = ‘iframe’;
src = ‘http://www.dailymotion.com/embed/’ + src.match(/v=([^&]+)/)[1];
setVal(‘src’, src);
setVal(‘media_type’, data.type);
}
// Vimeo
if ( src.match(/^http:\/\/(?:www\.){0,1}vimeo\.com\/(\d+)$/) ) {
data.width = 400;
data.height = 321;
data.params.frameborder = ’0′;
data.type = ‘iframe’;
src = ‘http://player.vimeo.com/video/’ + src.match(/^http:\/\/(?:www\.){0,1}vimeo\.com\/(\d+)$/)[1];
setVal(‘src’, src);
setVal(‘media_type’, data.type);
}