Page qui ralentit à cause de Youtube

[Nullette]

Bonjour,

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

La phrase :

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]

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.

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.

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&showsearch=0&showinfo=0">
 <param name="movie" value="-http://www.youtube.com/v/xxxxxx?rel=0&showsearch=0&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&showsearch=0&showinfo=0">  <param name="movie" value="-http://www.youtube.com/v/xxxxxx?rel=0&showsearch=0&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&showsearch=0&showinfo=0"><param name="movie" value="-http://www.youtube.com/v/xxxxxx?rel=0&showsearch=0&showinfo=0" /></object>';
  }
</script>

Voila, c'est corrigé

[Nullette]

Je suis désolée. Ca ne fonctionne toujours pas

[Dadou]

Le code fonctionne très bien, mais il faut que le code affecté après innerHTML soit sur une seule ligne

[Nullette]

Il est bien sur une seule ligne.

C'est en ligne (je le retirerai demain).

On ne voit pas la vidéo et le W3C signale une erreur :

document type does not allow element "object" here

Ne trouves-tu pas bizarre que je mette DIV entre les balises <li> ?

[Dadou]

il va falloir me donner l'url de la page, et le W3C ne devrait pas voir la balise object puisqu'ajouté à la volée

[Nullette]

Le site - page d'accueil

C'est tout en bas, à gauche (on ne voit pas la vidéo), juste au dessous de la pub.

J'ai juste fait un copier-coller de ton code.