Discussion :

[fazpedro]

Bonjour,
j'essaie de transformer des liens youtube sur une page en iframe...

voici le code qui fonctionne pour un lien :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript"><!-- DEBUT script pour liens youtube -->
$(document).ready(function () 
{
	$("a[href^='http://www.youtube']").each( function () 
		{
				$(this).html(function(i, html) {
						return html.replace(i, "<iframe width='300' height='150' src='https://www.youtube-nocookie.com/embed/1234567890' frameborder='0' allowfullscreen></iframe>");	
						}); 
		});
});
</script><!-- FIN script pour liens youtube -->

et je voudrais le faire pour tous les liens présents sur la page et là rien ne se passe...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript"><!-- DEBUT script pour liens youtube -->
$(document).ready(function () 
{
	$("a[href^='http://www.youtube']").each( function () 
		{
			val source_youtube = $(this).val();
				$(this).html(function(i, html) {
						return html.replace(i, "<iframe width='300' height='150' src='source_youtube' frameborder='0' allowfullscreen></iframe>");	
						}); 
		});
});
</script><!-- FIN script pour liens youtube -->

je dois pas être loin, mais je dois avoir oublié un truc ?
Merci.

[manu_71]

Hello,

tu n'envoies pas la variable source_youtube dans ta ligne mais le texte source_youtube. il faudrait :

Code :

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

1
2
 
return html.replace(i, "<iframe width='300' height='150' src='" + source_youtube + "' frameborder='0' allowfullscreen></iframe>");

[fazpedro]

Merci manu_71,
code modifié mais qui me met des iframe mais sans rien dedans !
au passage, j'avais mis val au lieu de var...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript"><!-- DEBUT script pour liens youtube -->
$(document).ready(function () 
{
	$("a[href^='http://www.youtube']").each( function () 
		{
			var source_youtube = $(this).val();
				$(this).html(function(i, html) {
						return html.replace(i, "<iframe width='300' height='150' src='"+source_youtube+"' frameborder='0' allowfullscreen></iframe>");
						}); 
		});
});
</script><!-- FIN script pour liens youtube -->

[SpaceFrog]

Code :

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

var source_youtube = $(this).val();

depuis quand une balise a-t-elle un value ???

[manu_71]

ha oui j'avais pas fait attention au reste du code.
Tu récupères val() de ta balise <a>... Il faut récupérer le href donc.

Code :

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

1
2
 
$(this).attr("href")

[fazpedro]

j'ai mis :

Code :

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

			var source_youtube = $(this).attr("href");

mais c'est pareil !