WebSite X5Help Center

 
Axel  
Axel  
User

Affichage incorrect avec l'objet Video & Audio et des vidéos .mp4  fr

Autor: Axel  
Besucht 699, Followers 1, Geteilt 0  

Hello,

WSX5 Pro v2023.3.11

Ici le lien: https://www.afsoftware.fr/saline-les-bains.html

En utilisant l'objet Audio & Vidéo les vidéos sont mal affichées ou aucune vignette affichée.

Sur le PC la barre de commandes est en dehors de la vidéo.

Et le reste ne s'affiche pas !

Sur mon iPhone aucune vignette.... Il faut cliquer sur Play pour lancer la vidéo. MAis la barre de commandes est correctement affichée.

Si je rafraichit la page, plus aucune vignette !!!

La configuration des chaque objet est la suivante:

Pfffffff.... des trucs simples qui marchent plus !

Axel

Gepostet am
19 ANTWORTEN - 2 NüTZLICH
Incomedia
Eric C.
Incomedia

Hello Axel,
are all of the videos local videos in .mp4 format?
Could you provide me with a copy of the files so that I can reproduce the situation?
Thank you.

Eric

Online translation:

Bonjour Axel,
est-ce que toutes les vidéos sont des vidéos locales au format .mp4 ?
Pourrais-tu me fournir une copie des fichiers afin que je puisse reproduire la situation ?
Merci.

Eric

Mehr lesen
Gepostet am von Eric C.
JiPeR 48
JiPeR 48
Moderator

Hello Axel,

Si je change la taille de la vidéo en 640 x 480 la barre de commande s'adapte bien à la taille :

Par contre aucune idée pour les vidéos qui ne s'affichent pas avec uniquement la barre de commande visible (???).

Testé sur PC sous Chrome et Firefox.

@Suivre,

J.P.

Mehr lesen
Gepostet am von JiPeR 48
Axel  
Axel  
User
Autor

J'ai changé la taille dans l'objet pour 640 x 480 et sur mon PC cela donne:

Et sur le télphone toujours aucune vignette. Juste le bouton play

Je vais faire un test avec des format webp...

Eric. Je t'envoie via wetransfer les fichiers mp4

Axel

Mehr lesen
Gepostet am von Axel  
Axel  
Axel  
User
Autor

Avec ce convertisseur 

En webp tout le fichier mp4  est découpé en image !!!

une idée pour convertir une video mp4 en webp ?

Axel

Mehr lesen
Gepostet am von Axel  
Axel  
Axel  
User
Autor

Ha... c'est plutôt webm je crois !!!! 

Mehr lesen
Gepostet am von Axel  
Axel  
Axel  
User
Autor

J'ai changé les 4 vidéos par du webm.... Les fichiers sont encore lourds !!

Sur le PC les 4 vidéos affichent la vignette, mais la barre de commande n'est encore pas OK (objets en 640 x480)

Sur le PC en lisant la vidéo et en plein écran, après retour du plain écran la barre de commande s'affiche bien !

Sur le tépléhone, les 4 vignettes s'affichent ! mais aucune barre de commande.

En lisant la vidéo et en revenant dans la page, comme sur PC la barre de commandes s'affiche.

Sur le téléphone en mode Lanscape le problème est toujours le même; mais en revenant sur la page après lecture la barre de commande dépasse encore de l'image.

Il y a un vrai problème avec l'objet qui ne fonctionne pas correctement avec des MP4 / Webm

Eric j'envoie les 4 fichiers webm 

Mehr lesen
Gepostet am von Axel  
Axel  
Axel  
User
Autor

v2024.1.8 installed. Same issues ! foot-in-mouth

Mehr lesen
Gepostet am von Axel  
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats RU

(It > Fr) ... Je ne sais pas ce que le STAFF vous dira, ... mais j'ai remarqué que les vidéos ont des ratios différents (3[4:3]), (1[16:9]) et ne sont pas cohérentes avec le cellule hôte...
... à mon avis tu devrais tester avec des vidéos adaptées et des cellules plus adaptées à l'usage prévu...

... dans tous les cas, dès maintenant, vous pouvez toujours le résoudre immédiatement avec un simple code EXTRA...

.

ciao

.

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

@KolAsim

Mais normalement l'objet se débrouille tout seul !. Je n'ai jamais eu ce problème avant !
Je veux bien ton code car je ne sais pas lorsque le fixe sera prêt foot-in-mouth

J'ai pourtant essayé dans l'objet les taille ssuivantes, mais toujours des problèmes.

4/3
1024 x 768
1400 x 1050

16/9
1366 x 768
1280 x 720

As tu ou plusieurs tailles à me recommander pour tester ?

Merci

Axel

Mehr lesen
Gepostet am von Axel  
Axel  
Axel  
User
Autor

Pour mieux comprendre je viens de mettre un vidéo gratuite proposée par WSX5

Le résultat est le même  dans un nouvel objet audio & video

Si je mets 640 x 480 dans l'objet l'affichage est correct.

Si je mets 640 x 480 sur mes 4 vidéos, cela ne fonctionne pas !

Pffff..... pas simple tout de même .

Axel

Mehr lesen
Gepostet am von Axel  
Axel  
Axel  
User
Autor

J'ai reconvertit mes vidéos MOV en webm au format 16:9 en 640 x480

Cela fonctionne bien sur le PC !


Sur le téléphone les vignettes sont correctes mais pas de barre de commande... En lisant la vidéo et revenant la barre de commande est CORRECTEMENT AFFICHEE.

Mais en rechargeant la page pas de barre de commandes. Après lecture en mode Lanscape 2 traits gris apparaissent sur les côtés de la vignette....

C'est pas parfait !

l'objet n'est pas très stable

Axel

Mehr lesen
Gepostet am von Axel  
Incomedia
Eric C.
Incomedia

Hello Axel,
which mobile device are you using, and which browser?
I have used your same videos in MP4 and WEBM format, and the control bar is regularly visible on an Android smartphone using Chrome, for example, with the only issue being one of the videos, that does not have a displayed thumbnail, neither on PC nor on a smartphone.
I see the control bar on https://www.afsoftware.fr/saline-les-bains.html as well.

Eric

Online translation:

Hello Axel,
which mobile device are you using, and which browser?
I have used your same videos in MP4 and WEBM format, and the control bar is regularly visible on an Android smartphone using Chrome, for example, with the only issue being one of the videos, that does not have a displayed thumbnail, neither on PC nor on a smartphone.
I see the control bar on https://www.afsoftware.fr/saline-les-bains.html as well.

Eric

Mehr lesen
Gepostet am von Eric C.
Axel  
Axel  
User
Autor

Hello Eric,

Yes now the control bar is OK now because I have ajusted videos sizing anf format (16/9 640x480)
It's almost OK. thumbnails are Ok now normally for PC and iphone. not you ?
Refresh by CTRL + F5 maybe. wink

I am using iPhone (IOS 17.4.1) and Chrome / Safari.

The control bar not displayed at first. After video launching and go back the control bar is displayed but 2 grau bars on the sides

Axel

Mehr lesen
Gepostet am von Axel  
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats RU
Axel  
@KolAsim ... ... ...  ... ... ...

... J'ai vu que, comme je vous l'ai dit, vous avez corrigé la relation rationnelle, donc mon code pour régulariser la cellule est devenu superflu...
...la barre d'outils vidéo fait partie de la balise HTML5 universelle <VIDEO>. donc sa visibilité dépend du navigateur (browser) et non du programme...!....

ciao

....................................

note personnelle : ... Je vous déconseille d'utiliser plus d'une vidéo par page car le flux vidéo/audio pourrait se chevaucher...
...(...vous devez appliquer un code de contrôle SUPPLÉMENTAIRE...)...
... dans ce cas cependant, il est préférable d'utiliser la galerie vidéo, ou d'utiliser des images liées à la vidéo avec ouverture dans la showbox...

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Axel  
Axel  
User
Autor
‪ KolAsim ‪ ‪
...la barre d'outils vidéo fait partie de la balise HTML5 universelle <VIDEO>. donc sa visibilité dépend du navigateur (browser) et non du programme...!....

OK. Mais pourquoi la barre contrôle s'affiche correctement avec des vidéos de youtube et pas avec les mp4 ou webm en fichier local.

Et avec youtube tout fonctionne parfaitement sur PC, et téléphone.... 
Et l'objet reste le même.... Donc je ne suis pas certain de ton explication ! ou alors le problème est de comment la page est générée en fonction de la vidéo à lire !!!! C'est peut être là le problème 

Axel

Mehr lesen
Gepostet am von Axel  
Axel  
Axel  
User
Autor

Je viens de changer les vidéos par des vidéos importées sur youtube...
Sans me préoccuper du format et de la taille...

TOUT FONCTIONNE parfaitement sur PC ou téléphone.

Il y a donc un vrai problème avec les vidéos en local...

Axel

Mehr lesen
Gepostet am von Axel  
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats RU

... vous ne pouvez pas comparer les vidéos MP4/WEBM/OGG avec les vidéos YouTube...
... pour les vidéos YouTube, la vidéo est intégrée dans IFRAME et le Player est celui de YouTube lui-même...
...
...pour faire un test rapide, utilisez une page HTML personnalisée, ne provenant pas du programme, et envoyez-la en ligne...
... sur cette page, collez ces chaînes :
<video src="https://www.w3schools.com/html/mov_bbb.webm" preload="metadata" controls="" controlslist="nodownload" type="video/webm"></video><hr><video src="https://www.w3schools.com/html/mov_bbb.ogg" preload="metadata" controls="" controlslist="nodownload" type="video/ogg"></video>
... alors vérifiez avec votre appareil i(!)...
... si cela ne fonctionne pas comme il se doit, le problème vient uniquement de votre appareil i(!) et de ceux de la même famille, déjà problématique pour bien d'autres raisons...!...

.

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

Ok on my PC I have the 2 videos

And on my iPhone not the second video with ogg file. 

So the conclusion is that my iPhone does not support ogg extension !?

Axel

Mehr lesen
Gepostet am von Axel  
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats RU
Axel  
... ... ...  So the conclusion is that my iPhone does not support ogg extension !? Axel

... ...alors vous pouvez utiliser la vidéo au format WEBM...

.

ciao

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪