Affichage incorrect avec l'objet Video & Audio et des vidéos .mp4 
Auteur : Axel
Visité 924,
Followers 1,
Partagé 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
Posté le
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
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.
Auteur
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
Auteur
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
Auteur
Ha... c'est plutôt webm je crois !!!!
Auteur
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
Auteur
v2024.1.8 installed. Same issues !
(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
.
Auteur
@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
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
Auteur
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
Auteur
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
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
Auteur
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.
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
... 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...
.
Auteur
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
Auteur
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
... 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...!...
.
Auteur
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
... ...alors vous pouvez utiliser la vidéo au format WEBM...
.
ciao
.