onload sur IE avec avec video lightbox

**williampeth** · 20/12/2017, 15h31

Bonjour à toutes et à tous,

je suis un petit nouveau et j'aurais besoin de vos lumières.

En parcourant les forums, je n'ai pas trouvé de solution a mon problème.

j'ai créé une vidéo qui se lance dans une lightbox à l'ouverture d'une page avec onload
==> www.epdsae.fr/test
(bon j'avoue, le ode n'est pas propore, mais il a été fait il y a 10 ans, et je le trifouille un peu depuis ce temps)

Mon soucis, c'est que tout se passe très bien sur Mozilla, mais pas sur IE (sauf en actualisant la page 'F5')

Auriez-vous une petite idée de ou cela peut provenir ?

Code HTML :

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">        
        
function myFunction() { 
        document=(document.getElementById('video').click());
}
        window.onload=myFunction;
</script>         	                                 
 
</head>
<body>  
<div><a href="JavaScript:html5Lightbox.showLightbox(2,'imagesactu/voeux2018.mp4','Bonne année 2018',720, 404,'');"id="video"></a></div>
</body>

je vous épargne tout le reste du code bien sur

Merci a vous d'avance et je vous souhaite une très bonne journée

**Watilin** · 20/12/2017, 17h30

Si ça fonctionne sous IE à la seconde consultation de la page, mais pas à la première, je pencherais pour un problème de cache. Plus exactement, la vidéo n’est pas encore en cache à la première consultation, et c’est pour ça que ça ne marche pas.

A priori c’est au plugin de régler ce genre de problème, donc je dirais que c’est un bug du plugin. Mais les bugs dans le code tiers, malheureusement ça arrive, il faut faire avec.

J’aurais bien regardé pour toi dans la doc du plugin s’il y a une option pour pré-charger la vidéo, mais en fait je ne vais pas avoir le temps. Note qu’il y a apparemment une option autoopen, fais des tests, ça pourrait peut-être régler le problème.

Sinon à propos de ton code : au lieu de passer par un lien qui appelle ta fonction, pourquoi ne pas appeler la fonction directement ?

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script type="text/javascript"> "use strict";
 
function playVideo() {
  html5Lightbox.showLightbox(2, "imagesactu/voeux2018.mp4", "Bonne année 2018", 720, 404, "");
}
 
window.addEventListener("load", playVideo);
 
document.addEventListener("DOMContentLoaded", function () {
  document.querySelector("#video")
    .addEventListener("click", function (event) {
      event.preventDefault();
      playVideo();
    });
});
 
</script>
 
</head>
<body>
<div><a href="#" id="video"></a></div>
</body>

Sur une note personnelle, une vidéo qui me saute au visage à l’ouverture de la page, et qui en plus fait du son, je ne suis pas trop fan.

**williampeth** · 21/12/2017, 09h29

Bonjour Watilin,

Merci pour tes conseils, en regardant le plugin j'ai effectivement changer l'autoopen en true, mais rien n'y fait, cela ne se charge pas au démarrage de la page :/

Envoyé par Watilin

Sur une note personnelle, une vidéo qui me saute au visage à l’ouverture de la page, et qui en plus fait du son, je ne suis pas trop fan.

je ne suis pas particulierement fan non plus de se genre de principe, mais c'est une vidéo pour les voeux de ma boite, et ma direction qui souhaite cela donc.... :/

**Watilin** · 21/12/2017, 13h56

Envoyé par williampeth

Bonjour Watilin,

Merci pour tes conseils, en regardant le plugin j'ai effectivement changer l'autoopen en true, mais rien n'y fait, cela ne se charge pas au démarrage de la page :/

J’ai pu voir qu’il n’y a pas d’option de préchargement dans la doc.

Il faudrait identifier précisément le problème avec IE. Pour commencer, as-tu testé mon code ?

Autre question : avec quelle version d’IE tu observes le problème ?

je ne suis pas particulierement fan non plus de se genre de principe, mais c'est une vidéo pour les voeux de ma boite, et ma direction qui souhaite cela donc.... :/

Ok, c’est une requête du « client », et le client est roi

**williampeth** · 21/12/2017, 14h01

Envoyé par Watilin

Pour commencer, as-tu testé mon code ?

Autre question : avec quelle version d’IE tu observes le problème ?

Oui j'ai pu tester ton code, je t'en remercie d'ailleurs, mais avec celui ci, plus rien ne se passe même sous Mozilla.

J'ai la version 11 de IE (version mise à jour automatique du service informatique :/ )

**Watilin** · 21/12/2017, 14h16

Envoyé par williampeth

Oui j'ai pu tester ton code, je t'en remercie d'ailleurs, mais avec celui ci, plus rien ne se passe même sous Mozilla.

Que dit la console ?

**williampeth** · 21/12/2017, 14h22

ReferenceError: Browser is not defined
ReferenceError: html5Lightbox is not defined

:/

j'ai copié tel quel ton code, sans rien changer

**williampeth** · 21/12/2017, 14h35

Chouppsss, autant pour moi, j'ai fais une bourde dans un appel de slimbox scr et non sources dans mon script.

c'est tout bon pour ton code.

ReferenceError: Browser is not defined

**Watilin** · 21/12/2017, 14h58

Envoyé par williampeth

ReferenceError: Browser is not defined

Sans doute encore un problème d’ordre des scripts. Vérifie dans les autres scripts de ta page. Normalement la console te donne le nom du fichier et le numéro de ligne.

Encore une fois, je ne vais pas avoir autant de temps que je l’aurais voulu pour t’aider aujourd’hui. J’ai essayé d’ajouter des gestionnaires d’évènements sur la vidéo, notamment pour loadeddata, mais pour une raison que j’ignore, mon gestionnaire ne détecte rien. Vois si tu arrives à quelque chose de ton côté.

Mon idée est d’utiliser cet évènement (qui est compatible IE11 d’après ce que j’ai pu trouver) comme condition pour lancer la lecture de la vidéo. C’est juste une piste. Désolé de ne pas pouvoir t’aider davantage

**williampeth** · 21/12/2017, 15h00

C'est deja beaucoup merci à toi.
Je regarde ça et si je trouve la solution, je reviendrais ici en faire part pour cloturer le post.
Bonne fêtes de fin d'année si plus de nouvelle

onload sur IE avec avec video lightbox

JavaScript

Discussions similaires

Partager

Partager