Connexion à votre interface Wifeo
X
Nom d'utilisateur :
Mot de passe :


Mot de passe oublié ?

Pas encore inscrit ? Créez votre site gratuitement !
Connexion
 FERMER LE MENU


Menu du forum :

Accueil du forum

Derniers messages

S'inscrire au forum

Se connecter au forum

Mot de passe oublié

Menu général de Wifeo :

Accueil de Wifeo

Connexion

Créer un site

Nouveautés Wifeo

Blog

Forum

Boite à outils

Documentations

Vidéo > Vidéo affiché à 100%

Connectez-vous au forum     Pas inscrit au forum ? Inscrivez-vous !
Nom d'utilisateur : Mot de passe :
Se connecter automatiquement à chaque visite

Vidéo affiché à 100%

Répondre
La question
Posté le 10 Février 2017 à 15:54
on dort chez toi


1982 messages
Inscrit le 10/12/2009
Mon site
Bonjour,

Je suis entrain de rependre mon site et d'essayer de le rendre le plus responsiv possible ( pas facile hein )

J'aimerai pouvoir afficher mes vidéos Youtube à 100% de largeur et que la hauteur s'adapte ( comme pour les images ) cependant cela ne fonctionne pas

Une idée ? une astuce ?

Merci d'avance

exemple avec cet article ( a voir sur mobile )
http://www.blogphotographe.fr/article [...] esse.html

 
Navigateur utilisé : Firefox

 
Posté le 10 Février 2017 à 19:21
gabriel-support

Bonjour,

Il n'y a pas de solution simple de faire cela, en effet la mettre à 100% ne pose pas de problème c'est très facile (width=100%) mais par contre tu aura du mal à conserver le bon ratio hauteur/largeur...

 
Navigateur utilisé : Chrome

 
Posté le 11 Février 2017 à 11:50
on dort chez toi


1982 messages
Inscrit le 10/12/2009
Mon site
Bonjour Gabriel,

Oui en effet Width 100% pas de soucis mais le ratio !
Une autre idée peut-être ?

Toutes mes vidéos ont le même format 1920 / 1080 du coup il serait pas possible de lui dire par exemple :

Sur mobile : affiche 100% et hauteur 450px (imaginons que 450 soit bon)

 
Navigateur utilisé : Firefox

 
Posté le 14 Février 2017 à 9:58
gabriel-support

Si c'est possible, mais si tu met à 100% cela veut dire que la largeur de la vidéo va changer suivant la largeur de la fenêtre de navigateur (et suivant la taille d'écran sur mobile). Du coup la hauteur de 450 qui elle sera fixe ne sera pas toujours bonne.

Il existe des méthodes poru le faire. Mais c'est en javascript pour que cela calcule dynamiquement la hauteur en fonction de la largeur (et le calcul est refait à chaque fois que la largeur change).

Pas compliqué en soit, mais il faut un minimum connaitre le javascript (et la librairie jQuery de préférence).

 
Navigateur utilisé : Chrome

 
Poster une nouvelle réponse
Connectez-vous au forum pour pouvoir répondre     Pas inscrit au forum ? Inscrivez-vous !
Nom d'utilisateur : Mot de passe :
Se connecter automatiquement à chaque visite
Nous soutenons : Secours Populaire . Enfants du desert . Medecins Sans Frontieres
Copyright © Wifeo.com - Tous droits réservés BOURDET SARL R.C.S.503777286 VERSAILLES