WebSite X5Help Center

 
Axel  
Axel  
User

How to display a poster during video uploading  fr

Автор: Axel  
Просмотрено 1768, Подписчики 1, Размещенный 0  

Hey all,

Does anyone has an idea to display a poster (fix picture) during a video loading

Here an example, where the video could be a little bit long sometimes depends of device and bandwith.

http://lucasfalck.fr/

KolAsim, an idea :-)
Others ?

https://wsx5.afsofwtare.fr

Размещено
15 Ответы - 1 Корректно
Axel  
Axel  
User
Автор

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

Читать больше
Размещено От 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

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Axel  
Axel  
User
Автор

Noooooooyell

index2.html updated... Line 60

Читать больше
Размещено От Axel  
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... OK:

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Axel  
Axel  
User
Автор

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

Читать больше
Размещено От 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>

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Axel  
Axel  
User
Автор

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

Читать больше
Размещено От Axel  
Axel  
Axel  
User
Автор

Hooo...thanks Claudio... wink

Читать больше
Размещено От Axel  
Axel  
Axel  
User
Автор

Grrrr.... Same code as yours @Claudio.

gif is displayed during loading... no video !!! Hagh !!!

https://www.lucasfalck.fr/index2.html

idea why ???

yellyell

Читать больше
Размещено От Axel  
Claudio D.
Claudio D.
Moderator
Лучший пользователь месяца IT

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

Читать больше
Размещено От Claudio D.
Axel  
Axel  
User
Автор

kolAsimmmmmmmm wink

an idea ?

Читать больше
Размещено От 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 ...

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Axel  
Axel  
User
Автор

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

Читать больше
Размещено От Axel