[Nullette]

Bonjour,
je mets souvent le lien vers une vidéo YouTube et ceci entraîne un ralentissement de la page.
La phrase :

Citation

données transférées depuis i2.ytimg.com

s'affiche.

Savez-vous s'il y a moyen de pallier ce petit problème ?

[captain_torche]

C'est sur ton ordinateur que ça ralentit, ou sur tous ceux qui visitent le site ?

[Nullette]

Je n'ai pas posé la question à d'autres personnes et je n'ai pas essayé depuis un autre ordinateur.
Tu peux essayer

Si tu ne remarques rien, tu penses que cela peut venir de mon ordinateur ?

[Ernestine]

Si tu copies-colles correctement le code donné par Youtube pour insérer une vidéo sur ton site : tu ne peux pas faire grand chose de plus...

[Nullette]

Le code d'insertion de la vidéo est bon.
Dommage qu'il n'y ait pas de solution.
En tout cas, le ralentissement ne se produit pas en utilisant Chrome, Opera et IE.
C'est uniquement avec Mozilla Firefox...?!

[MarvinLeRouge]

Salut,

Si tu trouves que c'est trop long, tu peux éventuellement charger le reste de la page, et déclencher le chargement de cette vidéo après, en javascript, non ?

[Nullette]

Ce serait trop compliqué pour moi.
En fouillant le net, j'ai trouvé cette information :
Accélérer connexion

Je l'ai fait et ça a l'air de fonctionner !

[Ernestine]

MarvinLeRouge, le 14 mars 2011 - 10:05, dit :

Si tu trouves que c'est trop long, tu peux éventuellement charger le reste de la page, et déclencher le chargement de cette vidéo après, en javascript, non ?

Le problème, c'est que le code d'insertion de Youtube est un code qui se contente d'inclure une iframe dans la page. Et c'est la page source de cette iframe qui contient tout le html et le javascript. Difficile, donc, de faire déclencher le chargement de la vidéo au moment où on le souhaite

[Nullette]

Je n'ai pas bien saisi les réponses de MarvinLeRouge et de Ernestine.

Citation

déclencher le chargement de cette vidéo après, en javascript

Chacun est libre de cliquer sur la vidéo. Elle ne se met pas en route toute seule.
Ou alors j'ai mal interprété cette phrase.

Citation

le code d'insertion de Youtube est un code qui se contente d'inclure une iframe

Je n'ai pas d'iframe.

Mon code est :

<object type="application/x-shockwave-flash" style="width:134px; height:110px;" data="-http://www.youtube.com/v/xxxxxx?rel=0&amp;showsearch=0&amp;showinfo=0">

 <param name="movie" value="-http://www.youtube.com/v/xxxxxx?rel=0&amp;showsearch=0&amp;showinfo=0" />
</object>

[Dadou]

Tu as donc corrigé le problème pour toi uniquement, tes internautes ayant Firefox l'auront aussi

[Nullette]

Oui Dadou.
Que puis-je faire d'autre ? A part ne pas mettre de vidéo

[Dadou]

Ne pas inclure directement la vidéo dans la page, l'intégrer par javascript une fois la page chargée, au moins tout le reste de la page sera déjà affiché

[Nullette]

C'est ce qu'avait dit MarvinLeRouge, alors.
Mais je ne sais pas comment faire.

[Dadou]

Avec jQuery c'est hyper facile, mais, je ne l'ai pas vu sur ton site, donc en JS sans framework cela donne quelque chose comme cela :

<div id="videoyoutube"></div>

<script ="text/javascript">
  window.onload = function () {
    document.getElementById("videoyoutube").innerHTML(' <object type="application/x-shockwave-flash" style="width:134px; height:110px;" data="-http://www.youtube.com/v/xxxxxx?rel=0&amp;showsearch=0&amp;showinfo=0">
  <param name="movie" value="-http://www.youtube.com/v/xxxxxx?rel=0&amp;showsearch=0&amp;showinfo=0" />  </object>');
</script>

[baulet]

<script ="test/javascript">

"text" plutôt?

[Dadou]

Lol, oui

[Nullette]

Vous êtes tous très sympas, mais, je ne suis pas à votre niveau. Je n'ai qu'un petit site personnel et j'ai juste quelques notions de xhtml
Je ne sais pas ce que c'est jQuery
A part recopier bêtement le code donné par Dadou...

[Dadou]

Jquery c'est un framework javascript, en l’occurrence, comme tu ne l'utilises pas le code que j'ai proposé ira très bien

[Nullette]

J'ai essayé, mais ça ne fonctionne pas
La vidéo de n'affiche pas.
Peut-être parce que les div sont entre les balises <li> ?

[Dadou]

Ma faute, innerHTML n'est pas une fonction, c'est pas avec des () que l'on affecte le contenu

<div id="videoyoutube"></div>

<script type="text/javascript">
  window.onload = function () {
    document.getElementById("videoyoutube").innerHTML = '<object type="application/x-shockwave-flash" style="width:134px; height:110px;" data="-http://www.youtube.com/v/xxxxxx?rel=0&amp;showsearch=0&amp;showinfo=0">
<param name="movie" value="-http://www.youtube.com/v/xxxxxx?rel=0&amp;showsearch=0&amp;showinfo=0" /></object>';
  }
</script>

Voila, c'est corrigé