WebSite X5Help Center

 
Axel  
Axel  
User

How to display a poster during video uploading  fr

Автор: Axel  
Просмотрено 1418, Подписчики 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
Автор
Лучший пользователь месяца FR

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
Автор
Лучший пользователь месяца FR

Noooooooyell

index2.html updated... Line 60

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

... OK:

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Axel  
Axel  
User
Автор
Лучший пользователь месяца FR

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
Автор
Лучший пользователь месяца FR

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
Автор
Лучший пользователь месяца FR

Hooo...thanks Claudio... wink

Читать больше
Размещено От Axel  
Axel  
Axel  
User
Автор
Лучший пользователь месяца FR

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

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

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

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
Автор
Лучший пользователь месяца FR

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

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