WebSite X5Help Center

15 ANTWORTEN - 1 KORREKT
Axel  
Axel  
User
Autor

Salut Jipé,

Merci pour le lien... Mais marche pas dans mon exemple !! yell

Maybe KolAsim.tongue-out

I added the code from second Jipe's link here https://www.lucasfalck.fr/index2.html

Mehr lesen
Gepostet am von Axel  
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Wsx5.afsoftware.fr  
... ... ...  Maybe KolAsim. ... ... 

...!... x loader ...?... 
1) - utilisez une image GifAnim comme arrière-plan de la cellule;
2) - ou (x index2.html)  collez ce code dans: Expert | Avant de fermer le TAG /HEAD:

<style> #imPageRowGraphicsVideo_2 {background: url('http://www.kolasim-zone.it/loader.gif') no-repeat center center; background-size: 30%;} </style>

.

ciao

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Axel  
Axel  
User
Autor

Noooooooyell

index2.html updated... Line 60

Mehr lesen
Gepostet am von Axel  
Axel  
Axel  
User
Autor

Hey KolAsim... OK for you !!!

not for me (Chrome, Firefox ...)

When I check with precision the gif is displayed les s1 s just before the video is running. But not during loading

idea ? wink

Mehr lesen
Gepostet am von Axel  
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... x 15 seconds:

<style>
#imPageRowGraphicsVideo_2_wrapper:after {content:"";position:absolute;z-index:100;width:100%;height:100%;top:0px;left:0px;background: url('http://www.kolasim-zone.it/loader.gif') no-repeat center center; background-size: 30%; -webkit-animation: fadeout 15s linear 1 forwards; animation: fadeout 15s linear 1 forwards;}
@-webkit-keyframes fadeout { 1% { opacity: 1; } 50% { opacity: 1; } 100% { opacity: 0; } }
@keyframes fadeout { 1% { opacity: 1; } 50% { opacity: 1; } 100% { opacity: 0; } }
</style>

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Axel  
Axel  
User
Autor

Yes & No.

With this code the gif is displayed on the starting video and disappears after 15s the video running in background

I will prefer just the gif during video pre-loading and when the video is started the gif disappears

in any case..many thanks for your useful help tongue-out

Mehr lesen
Gepostet am von Axel  
Axel  
Axel  
User
Autor

Hooo...thanks Claudio... wink

Mehr lesen
Gepostet am von Axel  
Claudio D.
Claudio D.
Moderator
Nutzer des Monats IT

Hello ! but on my website with your video does it seem to work?

Mehr lesen
Gepostet am von Claudio D.
Axel  
Axel  
User
Autor

kolAsimmmmmmmm wink

an idea ?

Mehr lesen
Gepostet am von Axel  
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Wsx5.afsoftware.fr  
kolAsimmmmmmmm an idea ?

... Je ne peux pas vérifier la vidéo car mon Firefox ne voit pas MP4 mais seulement les vidéos WEBM ...
... Cependant, le préchargeur de page normal fonctionne, mais cela n'a rien à voir avec mon code qui a d'autres objectifs ...

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Axel  
Axel  
User
Autor

OK.. thanks again for your help in anycase. wink

Mehr lesen
Gepostet am von Axel