Nullette Posté 13 Mars 2011 Partager Posté 13 Mars 2011 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 ? Lien vers le commentaire Partager sur d’autres sites More sharing options...
captain_torche Posté 13 Mars 2011 Partager Posté 13 Mars 2011 C'est sur ton ordinateur que ça ralentit, ou sur tous ceux qui visitent le site ? Lien vers le commentaire Partager sur d’autres sites More sharing options...
Nullette Posté 13 Mars 2011 Auteur Partager Posté 13 Mars 2011 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 ? Lien vers le commentaire Partager sur d’autres sites More sharing options...
Ernestine Posté 14 Mars 2011 Partager Posté 14 Mars 2011 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... Lien vers le commentaire Partager sur d’autres sites More sharing options...
Nullette Posté 14 Mars 2011 Auteur Partager Posté 14 Mars 2011 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...?! Lien vers le commentaire Partager sur d’autres sites More sharing options...
MarvinLeRouge Posté 14 Mars 2011 Partager Posté 14 Mars 2011 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 ? Lien vers le commentaire Partager sur d’autres sites More sharing options...
Nullette Posté 14 Mars 2011 Auteur Partager Posté 14 Mars 2011 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 ! Lien vers le commentaire Partager sur d’autres sites More sharing options...
Ernestine Posté 14 Mars 2011 Partager Posté 14 Mars 2011 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 Lien vers le commentaire Partager sur d’autres sites More sharing options...
Nullette Posté 14 Mars 2011 Auteur Partager Posté 14 Mars 2011 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> Lien vers le commentaire Partager sur d’autres sites More sharing options...
Dadou Posté 14 Mars 2011 Partager Posté 14 Mars 2011 Tu as donc corrigé le problème pour toi uniquement, tes internautes ayant Firefox l'auront aussi Lien vers le commentaire Partager sur d’autres sites More sharing options...
Nullette Posté 14 Mars 2011 Auteur Partager Posté 14 Mars 2011 Oui Dadou. Que puis-je faire d'autre ? A part ne pas mettre de vidéo Lien vers le commentaire Partager sur d’autres sites More sharing options...
Dadou Posté 14 Mars 2011 Partager Posté 14 Mars 2011 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é Lien vers le commentaire Partager sur d’autres sites More sharing options...
Nullette Posté 14 Mars 2011 Auteur Partager Posté 14 Mars 2011 C'est ce qu'avait dit MarvinLeRouge, alors. Mais je ne sais pas comment faire. Lien vers le commentaire Partager sur d’autres sites More sharing options...
Dadou Posté 15 Mars 2011 Partager Posté 15 Mars 2011 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> Lien vers le commentaire Partager sur d’autres sites More sharing options...
baulet Posté 15 Mars 2011 Partager Posté 15 Mars 2011 <script ="test/javascript"> "text" plutôt? Lien vers le commentaire Partager sur d’autres sites More sharing options...
Dadou Posté 15 Mars 2011 Partager Posté 15 Mars 2011 Lol, oui Lien vers le commentaire Partager sur d’autres sites More sharing options...
Nullette Posté 15 Mars 2011 Auteur Partager Posté 15 Mars 2011 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... Lien vers le commentaire Partager sur d’autres sites More sharing options...
Dadou Posté 15 Mars 2011 Partager Posté 15 Mars 2011 Jquery c'est un framework javascript, en loccurrence, comme tu ne l'utilises pas le code que j'ai proposé ira très bien Lien vers le commentaire Partager sur d’autres sites More sharing options...
Nullette Posté 15 Mars 2011 Auteur Partager Posté 15 Mars 2011 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> ? Lien vers le commentaire Partager sur d’autres sites More sharing options...
Dadou Posté 15 Mars 2011 Partager Posté 15 Mars 2011 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é Lien vers le commentaire Partager sur d’autres sites More sharing options...
Nullette Posté 16 Mars 2011 Auteur Partager Posté 16 Mars 2011 Je suis désolée. Ca ne fonctionne toujours pas Lien vers le commentaire Partager sur d’autres sites More sharing options...
Dadou Posté 16 Mars 2011 Partager Posté 16 Mars 2011 Le code fonctionne très bien, mais il faut que le code affecté après innerHTML soit sur une seule ligne Lien vers le commentaire Partager sur d’autres sites More sharing options...
Nullette Posté 16 Mars 2011 Auteur Partager Posté 16 Mars 2011 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> ? Lien vers le commentaire Partager sur d’autres sites More sharing options...
Dadou Posté 16 Mars 2011 Partager Posté 16 Mars 2011 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 Lien vers le commentaire Partager sur d’autres sites More sharing options...
Nullette Posté 16 Mars 2011 Auteur Partager Posté 16 Mars 2011 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. Lien vers le commentaire Partager sur d’autres sites More sharing options...
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant