Centrer les vidéos intégrées
-
Bonjour,
je rencontre actuellement un problème et n’arrive pas à le résoudre malgré toutes mes recherches. Je ne sais pas si c’est le bon endroit étant donné que je passe par la conception du site en ligne, non par le logiciel et que mon site n’est pas encore « réellement » hébergé (j’attendais de le finir).
Mon soucis est que lorsque j’intègre une vidéo (youtube ou viméo), je n’arrive pas à la centrer.
J’ai utilisé dans la section texte la ligne de code
<span style="text-align: center; display: block;">[viméo blablabla]</span>
ce qui me centre la vidéo dans la partie texte, mais lorsque je prévisualise ma page, la vidéo est toujours alignée à gauche.La seule ligne de code qui a plus ou moins marché était
<p style="text-align: center;"><img class="[viméo blablabla]" /></p>
La vidéo est centrée dans la prévisualisation, mais le bout de code" />apparaît et la page bug un peu (le bouton « modifier » intégré à la page se retrouve en haut derrière mon titre).Merci d’avance pour votre aide
En ligne
L’adresse du blog concerné est (visible uniquement pour les utilisateurs connectés).
-
Les exemples notamment en bas de cette page :
http://arthurguillemot.wordpress.com/la-tete-en-arriere/ -
Voici le code à employer.
<p style="text-align: center;">[vimeo blabla]"</p>
Évidemment, vous remplacez « Blabla » par l’information de vidéo appropriée.Vos deux codes étaient erronés pour les raisons suivantes :
– Vimeo ne prend pas d’accent dans le code.
– La balise <span> sert à modifier du contenu à l’intérieur d’un paragraphe (p. ex., pour changer la couleur de quelques mots dans une phrase); on ne peut donc pas s’en servir pour centrer du texte.
– Vous aviez inséré le code [vimeo…] dans une balise d’image, d’où les guillemets et le signe > de trop. -
J’ai fait une erreur. Je recommence.
<p style="text-align: center;">[vimeo blabla]</p> -
Merci beaucoup pour votre réponse qui m’éclaire sur le sens des lignes de code (je débute avec beaucoup d’envie, mais beaucoup de mal !)
Malheureusement là est le coeur de mon problème:
j’avais déjà utilisé cette ligne de code (sans l’accent sur viméo, bien sûr) dans la section visuel et effectivement elle me centre la vidéo dans la section texte, mais lorsque je regarde l’aperçu ou que je mets à jour les modifications de la page, la vidéo reste contre le bord gauche.Exemple :
http://arthurguillemot.wordpress.com/la-tete-en-arriere/
Après les intégrations Soundcloud, la première vidéo intégrée est avec le code dont vous parlez, la seconde (qui est le même lien) est intégrée avec le code cité dans mon post précédent :
<p style="text-align: center;"><img class="[viméo blablabla]" /></p>Vous pouvez voir par vous même que la première ligne de code ne donne rien … Et je ne comprends pas pourquoi …
Peut-être est-ce lié au thème ? (Hemingway Rewritten) -
Vous avez encore utilisé un mauvais code.
Ce code n’est pas bon, pour les raisons citées plus tôt.
<p style="text-align: center;"><img class="[viméo blablabla]" /></p>Ce code-là serait censé fonctionner.
<p style="text-align: center;">[vimeo blabla]</p> -
Et c’est encore là exactement le soucis qui me concerne.
J’ai bien utilisé ce code (je copie de ma page) :
<p style="text-align: center;">[vimeo 62345068 w=500 h=281]</p>mais cela ne centre pas sur le blog, je vous laisse voir pas vous-même sur l’exemple qui suit (bas de la page) :
http://arthurguillemot.wordpress.com/la-tete-en-arriere/ -
D’accord. On va essayer autre chose : <div> au lieu de <p>.
Cela donne :
<div style="text-align: center;">[vimeo 62345068 w=500 h=281]</div> -
-
Alors je suis à bout de ressources, désolé. Vous pouvez attendre qu’une autre personne vous réponde, ou essayer les forums en anglais, où il y a beaucoup de bénévoles compétents ET du personnel par moments.
http://en.forums.wordpress.com -
Merci beaucoup pour votre temps et vos éclaircissements, je vais essayer sur le forum anglais.
-
Bonjour,
Vous pouvez (sans garantie) essayer le code gigya + div centré, comme ceci
<div align="center">[gigya src="http://vimeo.com/moogaloop.swf?clip_id=73494684&force_embed=1&server=vimeo.com" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="sameDomein" width="540" height="300"]</div>
id=… remplacer le chiffre dans l’exemple par l’id de votre vimeo
width= »540″ height= »300″ > adaptable à l’aperçu du brouillon enregistré
Ça marche pour moi, donc je croise les doigts pour vous ;)PS pour Airodyssey: Je place le code entre 2 accents graves
si ça ne marchait pas, pourriez-vous, s’il vous plaît, tenter de l’installer avec toute votre science et vos petits doigts magiques? Merci d’avance ;) -
Merci lilmaouz !!
Ca marche !
Quatre jours de recherches infructeuses et d’essais en tout genre, c’est comme si vous me sauviez la vie !Merci à vous deux pour votre aide, c’est très agréable de voir autant d’entre-aide.
bonne soirée
-
-
-
Essayez ceci:
<div align="center">[gigya src="http://www.youtube.com/v/EoA1mCqdsVM?version=3&hl=en_US" type="application/x-shockwave-flash" width="540" height="300" allowScriptAccess="sameDomain" allowfullscreen="true"]</div>Pour comprendre à quoi correspond EoA1mCqdsVM
il faut se pencher sur l’url de la video:
https://www.youtube.com/watch?v=EoA1mCqdsVM
L’id video dans ce code est donc la fin de l’url youtube, tout simplement!
width= »540″ height= »300″ tjrs adaptables à l’aperçu du brouillon enregistré
Pour moi ça marche nickel (je croise les doigts ^^ Bonne soirée ;) -
-
- Le sujet ‘Centrer les vidéos intégrées’ est fermé aux nouvelles réponses.
Forums WordPress.com en français 