[Problème] video responsive

[fredjouan]

Bonjour,
En utilisant allvideo, la syntaxe devient la suivante :

{youtube}http://youtu.be/XRA2Fp80ldg|600|450|1{/youtube}

le résultat avec la largeur à auto le résultat n'est pas conforme (tout petit).
On trouve du CSS qui permet de palier au problème, mais où l'intégrer ?
Fred

[manu93fr]

Re : video responsive

Bonjour,
All video EST responsive si ton template l EST aussi ... je te l'assure

un lien vers ton site ?

[fredjouan]

Re : video responsive

Merci Manu,
Le fichier est à cette page

[manu93fr]

Re : video responsive

Enlève /600/450 du tag allvideo Youtube pour voir ...

[manu93fr]

Re : video responsive

Et dans video paramètre de allvideo, as tu réglé le parametre "Select template" sur responsive ?

[fredjouan]

Re : video responsive

non je ne l'avais pas fait, mais je viens de le faire, j'ai aussi réglé le plugin sur 600 et auto.
si tu vas sur la page, il reste du padding qui empêche le responsive

[manu93fr]

Re : video responsive

Il reste surtout les 600 px

[fredjouan]

Re : video responsive

Non, les 600 px ne gênent pas puisque la vidéo est redimensionnée.
Il y a une marge gauche qui provoque une échelle en bas.
Je teste avec http://www.responsinator.com

[manu93fr]

Re : video responsive

Pour tester tu fais
Ctr enfoncé avec la touche + pour agrandir
Ctr enfoncé avec la touche - pour diminuer
Ctr enfoncé avec la touche 0 pour revenir par defaut
dans le navigateur et ça revient au meme

ou mieux, tu regarde sur ton smartphone


Le fait est que la video sort bien du template en largeur (d'ou les 600px)
Pourquoi laisser 600px alors que tu peux mettre "auto" partout sans gener le site sur PC

Tu as bien enlever /600/450 du tag allvideo aussi ?

[lafeuille]

Re : video responsive

Hello,

je viens de regarder "Le Village Nature Cottages", je ne vois pas de souci responsivement parlant...

[manu93fr]

Re : video responsive

Surement parce que notre ami Fredjouan agit sur le site
tu le regarde d'ou ? ton smartphone ?

[lafeuille]

Re : video responsive

Oui, ça déborde un peu sur la droite mais à mon avis ce n'est pas la vidéo qui est à mettre en cause, elle s'adapte bien à tous les écrans.

[fredjouan]

Re : video responsive

Merci pour vos réponses, en effet, je viens de vérifier sur i phone 6, ça marche, mais sur le site responsinator l'affichage comporte une échelle en bas.
Le plugin est maintenant réglé sur responsive width auto et height 100%
J'ai essayé en vidant le cache, sans succès
J'insiste car lorsque l'on affiche la page dans le site de test, on voit bien un padding ou un spacing qui impacte l'affichage

Pour tester tu fais
Ctr enfoncé avec la touche + pour agrandir
Ctr enfoncé avec la touche - pour diminuer
Ctr enfoncé avec la touche 0 pour revenir par defaut
dans le navigateur et ça revient au meme

ou mieux, tu regarde sur ton smartphone

Impossible je suis tétra ! Quant au smartphone, il faut attendre un visiteur pour tester, la patronne est allergique et je n'ai pas de main!

Copie d'écran :

[manu93fr]

Re : video responsive

ça déborde un peu sur la droite mais à mon avis ce n'est pas la vidéo qui est à mettre en cause

Oui, c'est de ce problème là dont on s'occupe ... la video n'est pas en cause ... ce n'est qu'une video après tout

en effet, je viens de vérifier sur i phone 6, ça marche

Sur un Iphone6 la resolution de l'ecran est suremnt plus importante

Impossible je suis tétra

Désolé, je ne le savais pas
c'est sur que dans ce cas, le site aide pas mal

je regarderai sur mon 5C si ça deborde un peu ... ça reste minime car sur un iphone quand on lance une video ... un lecteur plein ecran prend le relai

[fredjouan]

Re : video responsive

En fait, en examinant l'élément, on trouve un padding de 20 px dans le fichier template.CSS qui est généré par templatecreatorCK.
J'ai mis le padding a 10 px mais le problème persiste et de toute façon avec le padding à 0 le problème persiste aussi et la présentation est très moche.
Je vais poser la question à Cedric de templatecreatorCK, peut-être a-t-il la solution...
Merci de votre aide,
Fred