Discussion :

[kanak09]

Bonjour
J'ai souvent vu en parcourant les forums comment transformer un lien youtube (ou autre) en code embed (<object>...</object>). Seulement je souhaiterai faire l'inverse mais je bloque sur la regexp.
Je récupère via un WS en ajax un String contenant du texte et le code embed d'une video, et je voudrais afficher le String en remplacant le code embed par son lien.

Ex, remplacer ceci :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
Super description d'un lien
<object width='480' height='355'>
<param name='movie' value='http://www.youtube.com/v/VIDEO_id'></param><param name='wmode' value='transparent'></param>
<embed src='http://www.youtube.com/v/VIDEO_id' type='application/x-shockwave-flash' wmode='transparent' width='480' height='355'></embed></object>

Par ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
Super description d'un lien
http://www.youtube.com/v/VIDEO_id

Voici ma regexp :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

description = description.replace(/<object.*src='(.*)'.*<\/object>/g,"$1");

Ca fonctionne partiellement car il récupère bien le début du lien, mais termine le match du regexp ($1) à la fin du dernier guillemet, et donc j'ai des infos en trop :

http://www.youtube.com/v/VIDEO_ID' type='application/x-shockwave-flash' wmode='transparent' width='480' height='355

C'est pourquoi j'ai essayé de modifier src='(.*[^']) histoire de lui dire : à partir du 1er guillement de src= , tu prends TOUT SAUF un guillemet. Mais ca ne change va pas.

Si ya des pro de regexp en Javascript, j'ai besoin d'un petit coup de main.
Merci !

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

description = description.replace(/<object.*src='([^']*)'.*<\/object>/g,"$1");

[kanak09]

J'y étais presque !
Merci c'est top

[SpaceFrog]

Oui avec un match

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
chaine="<object width='480' height='355'><param name='movie' value='http://www.youtube.com/v/VIDEO_id'></param><param name='wmode' value='transparent'></param><embed src='http://www.youtube.com/v/VIDEO_id' type='application/x-shockwave-flash' wmode='transparent' width='480' height='355'></embed></object>";
description= chaine.match(/src=['"]([^'"]+)['"]/)[1]
alert(description)

[Loceka]

Ou alors, plus simple, inverser l'interprétation de l'opérateur et le passer de "greedy" (je crois que c'est "glouton" en français) à "non-greedy"/"reluctant" :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

description = description.replace(/<object.*src='(.*?)'.*?<\/object>/g,"$1");

[SpaceFrog]

gourmand ...