Animation haut de page ne s'affiche pas toujours

51pegasi-b

51pegasi-b

Messages : 213
Inscrit le : 29/03/2010 00:00

Bonjour,

Je m’aperçois que mon animation flash en haut de mes pages ne s'affiche pas systématiquement.
Peut être selon le système d'exploitation ou le navigateur.
Exemple chez moi :

Sur un PC sous Windows 7 avec Firefox 53.0 : rien ne s'affiche
Sur un PC sous Windows 7 avec IE 11 : un encart est présent mais aucune animation

Sur un PC sous Windows 10 avec Firefox 53.0 : rien ne s'affiche
Sur un PC sous Windows 10 avec IE 11 : l'animation s'affiche correctement
Sur un PC sous Windows 10 avec IE Edge : l'animation s'affiche correctement

Pouvez-vous m'aider ?

Merci

Cordialement,

david-hermans

david-hermans

Messages : 303
Inscrit le : 26/05/2016

Bonjour,

Passez votre adresse de site sur PageSpeed Insights pour regarder déjà ce qui ne va pas (Flash et Java ), et qui bloquent l'affichage.

Sous responsive il faut éliminer le Flash, et les scripts Java qui sont actifs en continu à l'affichage des pages web. De là e-monsite et bien d'autres qui ont supprimés les diaporamas Flash, les publicités Flash etc, qui sont incompatibles et lourds en poids.
Sinon vous faites entre autres vider les batteries des divers supports des internautes qui consultent votre site, par l’excès d'énergie qui est demandée. Et c'est en totale contradiction avec un site responsive (adaptation aux diverses tailles d'écran jusqu'aux téléphones).
Windows 7 est quasiment fini.


Edité le 21/04/2017 12:39 par david-hermans

51pegasi-b

51pegasi-b

Messages : 213
Inscrit le : 29/03/2010

Bonjour david-hermans et merci pour votre réponse.
J'ai analysé mon site avec le site que vous m'avez donné.
Ce qui en ressort c'est que j'ai les même erreurs sur mobile que sur PC.
Dans la partie "à corriger", j'ai ceci Éliminer les codes JavaScript et CSS qui bloquent l'affichage du contenu au-dessus de la ligne de flottaison.
Je vais essayer de voir si j'arrive à corriger cela.
Par contre je n'ai pas d'erreur à priori sur la partie Flash. en tout cas rien n'est écrit.

Que voulez-vous dire par "Windows 7 est quasiment fini" ?

Merci

david-hermans

david-hermans

Messages : 303
Inscrit le : 26/05/2016

Windows 8 l'a remplacé il y a déjà cinq ans, et Microsoft ne suit plus le support de Windows 7 depuis presque quatre ans, avec des problèmes de stabilité et d'incompatibilité, obligeant ainsi les utilisateurs à passer sur le 10.

"Ce qui en ressort c'est que j'ai les même erreurs sur mobile que sur PC." Bien sûr puisque ça n'est pas compatible. Même les vidéos en flash ne sont plus, mais avec un lecteur vidéo HTML5, et c'est le cas de nombreuses vidéos YouTube.
Flash va disparaitre, et il disparaît petit à petit du web et c'est très bien, Appel n'en voulait pas d'ailleurs et cette année c’est Firefox qui va le bloquer.

Edité le 21/04/2017 15:39 par david-hermans

51pegasi-b

51pegasi-b

Messages : 213
Inscrit le : 29/03/2010

Je pense que tu confonds avec la fin du support de Vista qui vient de prendre fin le 11 avril 2017.
Pour Windows 7, la fin du support est le 14 janvier 2020. (sauf prolongation de dernière minute de la part de Microsoft comme avec XP).
Et à savoir qu'il y a plus de PC en Windows 7 qu'en Windows 8 ou 10 pour le moment.
D'où la grande importance que les sites internet fonctionne parfaitement bien sur ce système.

Pour revenir à mon animation, je la possède en deux formats : SWF et en MP4.
Pour le HTML5, je vois qu'il existe différent extension : MP4, OGV, WEBM,

En quelle version dois-je la transformer ?

Merci beaucoup pour votre aide

Cordialement,

Edité le 24/04/2017 13:25 par 51pegasi-b
Edité le 24/04/2017 13:49 par 51pegasi-b

51pegasi-b

51pegasi-b

Messages : 213
Inscrit le : 29/03/2010

Je viens de tester en convertissant mon fichier MP4 de départ en fichier MP4 adapté pour le HTML5 (en espérant que cela soit le meilleur des formats pour le HTML5 pour tous supports confondu).

Cela fonctionne là où cela ne fonctionnait pas avant mais par contre j'ai 2 problèmes.
Le premier est que la vidéo ne démarre pas automatiquement.
Et la deuxième est qu'il y a les boutons de contrôle de la vidéo qui s'affiche (lecture, pause, son, barre de progression)

Comment palier a ce problème?

Merci

benjamind

benjamind

Messages : 285
Inscrit le : 06/01/2012

Bonjour

Avez-vous essayé de regarder ceci ? https://msdn.microsoft.com/fr-fr/library/hh924820%28v=vs.85%29.aspx?f=255&MSPPError=-2147217396
Pour les boutons de contrôles, je pense que cela est normal. Le lecteur doit être pensé pour des vidéos et non pas des animations.

Le Flash n'est plus du tout au goût du jour sur les navigateurs, ils font tout pour que celui-ci disparaisse d'internet.

Edité le 25/04/2017 15:12 par benjamind

Benjamin, technicien support e-monsite      Trucs et astuces en CSS pour e-monsite

david-hermans

david-hermans

Messages : 303
Inscrit le : 26/05/2016

(Des mises à jour de sécurité mais plus le système d’exploitation, c'est du moins ce que j'ai lu de Microsoft, peut-être aussi pour pousser les gens à acheter un nouvel ordinateur ...)
Reste quand même que pour votre problème "la vidéo ne démarre pas..... et les boutons de contrôle" , là je ne vois rien sur pc avec Windows10 l'animation fonctionne comme avant, et sur iMac cela s'affiche aussi. C'est peut-être dû à la version de votre ordinateur.

Le Système Solaire au cas où cela ça vous intéresserait de le mettre en lien sur votre site.
http://www.demos-web.fr/SolarSystem/

51pegasi-b

51pegasi-b

Messages : 213
Inscrit le : 29/03/2010

@ Benjamind
Merci pour ce lien je vais regarder tout ca

@ david-hermans
Oui ca ne m’étonnerait pas que Microsoft fasse ca pour vendre leurs nouveaux produits...
Pour le problème de ma vidéo, désolé mais j'ai oublié de dire dans ma réponse précédente que j'avais remis l'animation flash en attendant d'avoir une solution.
Donc voilà j'ai remis sur mon site la vidéo en MP4 et on voit bien les boutons de contrôle qui apparaissent et la vidéo ne démarre pas toute seule.

merci pour votre lien en effet c'est vraiment pas mal cette animation :)

51pegasi-b

51pegasi-b

Messages : 213
Inscrit le : 29/03/2010

En lisant l'article qu'à envoyé Benjamind, j'ai réussi à masquer les boutons de contrôle.
Par contre la vidéo ne démarre toujours pas automatiquement.

Je vais voir si je trouve quelque chose dans qui parle de cela dans cette doc.

51pegasi-b

51pegasi-b

Messages : 213
Inscrit le : 29/03/2010

Ca y est j'y suis arrivé !
Pour ceux que ca intéresse voici ce qu'il faut faire :

<p style="text-align: center;"><span>
<video autoplay="autoplay" loop="loop" width="40%"><source src="votre-site-internet-avec-votre-video.mp4" type="video/mp4" />Your browser does not support HTML5 video.</video>
</span></p>

Avec ceci, la vidéo est : centré, pas de boutons de contrôle, la vidéo se lance dès qu'elle est chargé, elle se met en boucle, et est redimensionné à 40% de sa grandeur d'origine.
Il est possible également de lui donner une résolution. Dans mon cas, j'aurais pu enlever width="40%" et mettre à la place width="640" height="480"
Il est possible aussi de charger une image en attendant que la vidéo soit complètement chargé, mais dans mon cas c'est inutile car elle fait 1 Mo et ca passe très bien comme cela et cela évite aussi de trop surcharger le temps de charge de votre page.

Edité le 25/04/2017 16:59 par 51pegasi-b