Fond dynamique OK sur PC mais KO sur Android |
Répondre | Page 123 5> |
Auteur |
Sujet Recherche Options des sujets
|
|
BIgsausage64
Newbie Depuis le: 15 Mai 2021 Status: Inactif Points: 22 |
Options des messages
Thanks(0)
Envoyé : 15 Mai 2021 à 13:37 |
|
Bonjour,
Comme l'indique le titre, j'ai un site (template sensblack) où le fond dynamique marche parfaitement sur PC mais affiche désespérément une image noire et pas de vidéo, que ca soit sur edge ou chrome sur un android (samsung S20). Lorsque je demande à Edge ou Chrome d'afficher la version "pour ordinateur" de la même page, alors la video s'affiche, ce n'est donc pas un problème technique de codec, format vidéo ou autre, juste une "restriction" par rapport aux visiteurs sur mobile. Comment puis-je faire fonctionner mon fond dynamique sur PC et sur smartphone (et tablette et tutti quanti...) ? Merci d'avance pour votre aide et un grand bravo aux dev !!!!!!!
|
||
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6507 |
Options des messages
Thanks(0)
|
|
À moins que quelqu'un n'ait la réponse, je vais devoir étudier le code de l'élément.
Voici mon impression: Lorsque le site est ouvert sur un petit écran, l'image alternative doit être affichée quoi qu'il arrive. Mettez une image alternative dans l'élément pour vois si elle passera à la place de la vidéo. On pourra partir de là. |
||
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
|
difficile de savoir si cela vient de votre vidéo ou du template.
Testez ce projet "béta" qui contient une vidéo : http://sensode.ovh/sensbeach/ et pensez aussi à nous donner l'adresse du site web, ca peut aider. |
||
BIgsausage64
Newbie Depuis le: 15 Mai 2021 Status: Inactif Points: 22 |
Options des messages
Thanks(0)
|
|
Merci pour vos retours !!
J'ai déjà réussi à voir une image alternative pendant mes tests mais je n'y arrive plus avec mes photos. J'ai essayé de redimensionner mes photos, j'ai essayer avec d'autres photos, cela ne change rien j'ai toujours une page noire. En utilisant les photos inclus dans OE, cela fonctionne, mais quoi qu'il en soit mon objectif, si c'est possible, est de pousser la vidéo, tout le temps, quelque soit le support utilisé pour consulter le site et ne jamais avoir l'image fixe (je voudrais une page vide de tout contenu mais qui affiche la vidéo en background). Peu m'importe les problèmes de ratio d'image etc...... Le site est en construction, je ne l'avais pas publié mais voici l'URL (le certificat est périmé depuis moins d'un mois, je suis en train de renommer ma société donc j'attends pour prendre un certificat avec le futur nom de domaine) : https://test.atlas-conseil.com/ Lorsque je test http://sensode.ovh/sensbeach/ sur mon PC la vidéo se lance bien Lorsque je test depuis mon smartphone, j'ai l'image fixe Lorsque je test depuis mon smartphone et que je demande à voir la page pour PC, la video s'affiche sans souci. Et comme le dit mon profil, je suis un noob donc toutes mes excuses si la réponse est évidente. J'ai essayé de bidouiller par moi-même mais sans succès, j'ai décidé d'écrire ici.... J'espère vraiment que vous allez trouver le problème !!! Encore merci pour votre aide
Edité par BIgsausage64 - 16 Mai 2021 à 12:06 |
||
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6507 |
Options des messages
Thanks(0)
|
|
Utiliser l'élément pour faire ça, c'est utiliser un bazooka pour tuer une mouche
|
||
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6507 |
Options des messages
Thanks(0)
|
|
Ne perdez pas de vue que sur un mobile le texte risque d'être trop large pour l'écran.
Je ferais rouler la vidéo dans un div de largeur contrôlée selon l'écran sur un fond noir.
|
||
BIgsausage64
Newbie Depuis le: 15 Mai 2021 Status: Inactif Points: 22 |
Options des messages
Thanks(0)
|
|
Merci Hobby001,
J'utilise OE car je n'y connais rien en code. J'ai désactivé le fond dynamique en page d'accueil pour essayer votre solution. Si j'ajoute le premier bloc de code, ma vidéo s'affiche mais elle est alignée à gauche (sur PC), pas centrée. Je n'ai pas du mettre le code au bon endroit. Sur smartphone, j'arrive sur une très grande page dans laquelle je dois scroller (dans les 2 directions) pour trouver ma vidéo. Si j'insère un élément "bloc de code visuel" et que je le positionne dans mon panneau d'élément, sur PC la vidéo est centrée mais n'occupe pas le plein écran et sur smartphone, retour a la case départ, écran noir. Lorsque j'insère le 2è bloc de code, il apparait en texte clair sur ma page. Dois-je le mettre dans une section particulière ? Ne manque-t-il pas quelque chose ? sans vouloir vous offenser. Désolé mais je suis noob de noob en dev Si vous checkez ma page "terre" telle qu'elle est, c'est exactement ce que je veux comme résultat. La vidéo occupe tout l'espace disponible. Juste, cela ne s'affiche pas sur mobile. N'est-il pas plus simple de corriger le Template plutôt que d'ajouter du code ? Encore merci !!!!
Edité par BIgsausage64 - 16 Mai 2021 à 18:17 |
||
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6507 |
Options des messages
Thanks(0)
|
|
Bonsoir,
Téléchargez cet élément: https://denislafrance.net/Element/ResponsiveHTML5Video.htm Suivez les instructions d'installation. Insérez cet élément à la place du titre sur la page (enlevez l'élément texte): Donnez-lui une largeur de 100% et centrez-le. Configurez votre fichier mp4 dans les propriétés Voici le résultat: https://denislafrance.net/Bigsausage64/ (je détruirai ce démo dans quelques jours)
Edité par Hobby001 - 17 Mai 2021 à 05:13 |
||
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6507 |
Options des messages
Thanks(0)
|
|
N'oubliez pas d'enlever l'élément fond d'écran dynamique, ça allègera votre page
|
||
BIgsausage64
Newbie Depuis le: 15 Mai 2021 Status: Inactif Points: 22 |
Options des messages
Thanks(0)
|
|
Merci Hobby001 le résultat est top !! je vais DL tout ca et je vais suivre les instructions !!!
Merci Merci Merci :D
|
||
Répondre | Page 123 5> |
Tweet
|
Aller au Forum | Permissions du forum Vous ne pouvez pas écrire un nouveau Sujet Vous ne pouvez pas répondre aux Sujets Vous ne pouvez pas effacer vos messages Vous ne pouvez pas éditer vos messages Vous ne pouvez pas créer des sondages Vous ne pouvez pas voter dans les sondages |