position vidéo youtube (Créer un compte)

Accueil › Forums › WordPress › position vidéo youtube
  • WordPress :5.2
  • Statut : non résolu
10 sujets de 1 à 10 (sur un total de 10)
  • Auteur
    Messages
  • 12 mai 2019 à 16 h 00 min #2260569
    Olivier51
    Participant
    Initié WordPress
    20 contributions

    Ma configuration WP actuelle

    • Version de PHP/MySQL : PHP 7.3
    • Thème utilisé :  Mon propre thème
    • Extensions en place :  aucune
    • Nom de l’hébergeur : LWS
    • Adresse du site : https://acces-sans-cibles.fr

    Problème(s) rencontré(s) :

     

    Bonjour à tous

     

    Je rencontre un  soucis pour gérer l’alignement des contenue de type « Embed » comme les vidéos youtube par exemple

     

    via mon via CSS j’ai pu gérer le comportement des image et des textes en matière de position

     

    Ainsi  avec les image et les texte je peut choisir de les aligner à droite, à gauche ou au centre via les boutons de l’éditeur visuel de wordpress

     

    voici ci dessous le code css que utilise pour parvenir à ce résultat

     

    }
    img.alignnone {
    padding: 1%;
    display: block;
    float: left;
    }
    img.alignleft {
    padding: 1%;
    display: block;
    float: left;
    }
    img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    img.alignright {
    padding: 1%;
    display: block;
    float: right;
    }
    .alignnone {
    display: block;
    float: left;
    }
    .alignleft {
    display: block;
    float: left;
    }
    .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    .alignright {
    display: block;
    float: right;
    }
    code d'alignement images et textes

     

    je suin à la recherche d’une solution identique pour pouvoir définir l’alignement des vidéo youtube via l’éditeur visuel

     

    merci de votre aide

    12 mai 2019 à 17 h 11 min #2260584
    Olivier51
    Participant
    Initié WordPress
    20 contributions

    je précis que seul le centrage de la vidéo ne marche pas, je peux sans problème l’aligner à gauche et à droite de la page

    12 mai 2019 à 17 h 48 min #2260587
    ferman
    Modérateur
    Maître WordPress
    7359 contributions

    Bonjour,

    Où est la vidéo? Je n’arrive pas à la trouver.

    12 mai 2019 à 18 h 16 min #2260592
    Olivier51
    Participant
    Initié WordPress
    20 contributions

    C’est normal que vous ne trouviez pas la vidéo elles sur une page de test disponible ici https://acces-sans-cibles.fr/test/

     

    désolé j’avais oublié de mettre l’URL

    12 mai 2019 à 18 h 30 min #2260599
    ouiouiphoto
    Participant
    Maître WordPress
    1539 contributions

    Un text-align au bon endroit et j’arrive a centrer la vidéo (voir Screenshot)

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    12 mai 2019 à 18 h 30 min #2260601
    ferman
    Modérateur
    Maître WordPress
    7359 contributions

     

    Avez vous essayé les méthodes indiquées ici? .

     

    Edit:

    C’est équivalent à ce que vient de proposer oui oui photo mais « en dur »  directement dans le html avec l’éditeur wordpress.

    • Cette réponse a été modifiée le il y a 5 années et 8 mois par ferman.
    • Cette réponse a été modifiée le il y a 5 années et 8 mois par ferman.
    12 mai 2019 à 19 h 49 min #2260621
    Olivier51
    Participant
    Initié WordPress
    20 contributions

    Merci de votre aide

    mais ça ne fonctionne pas

    en fait, je voudrais pouvoir choisir l’alignement des vidéos à la volé

    avec l’éditeur visuel de wordpress

    sans toucher au html

    merci de votre aide

    12 mai 2019 à 23 h 55 min #2260635
    ferman
    Modérateur
    Maître WordPress
    7359 contributions

    Bonsoir,

    Voila ce que j’ai essayé, je trouve que ce n’est vraiment pas compliqué  et pourtant je ne charge jamais de vidéos.

    1.Vous récupérez le code d’insertion de la vidéo you tube. On peut même le faire en cliquant droit sur la vidéo  et en sélectionnant « copier le code d’intégration ».

    2. Dans l’éditeur, en mode texte, on colle ce code dans une page (pas besoin de mettre de balises html). On met à jour.

    3. On passe en mode visuel et on centre en utilisant simplement l’outil de l’éditeur. On met à jour. C’est tout.

    L’image est automatiquement encadrée par des balises p munies d’une classe, ce qui peut être utile.

    C’est quelque chose comme ça que vous souhaitiez?

    • Cette réponse a été modifiée le il y a 5 années et 8 mois par ferman.
    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    13 mai 2019 à 8 h 09 min #2260643
    PhiLyon
    Modérateur
    Maître WordPress
    28260 contributions

    Bonjour.

    Le code de @ouiouiphoto fonctionne en rajoutant un !important pour surclasser le style.min, de plus il s’appliquera à toutes les iframes.

    .wp-block-embed {
        text-align: center !important;
    }


    @ferman     – Dans ton image tu montres l’éditeur avec Classic Editor, pas celui de base de WordPress 5.2 ?

    🙂

    13 mai 2019 à 8 h 53 min #2260645
    ferman
    Modérateur
    Maître WordPress
    7359 contributions

    @phiLyon.

    Bonjour,

    Oui, j’utilise  classic editor, pas Gutenberg.

    J’avais cru comprendre qu’olivier 51 voulait une méthode simplissime et que celles qui étaient fournies par Ouioui photo et moi ne convenaient pas.(alors que pour les images il utilisait des css mais bon).

    « en fait, je voudrais pouvoir choisir l’alignement des vidéos à la volé

    avec l’éditeur visuel de wordpress »

    Comme je ne charge jamais de videos , j’ai cherché sur google avant de répondre et j’ai été surpris de ne pas trouver la méthode que j’ai finalement (re)trouvée. Par contre on y traite abondamment de la difficulté de centrer les videos. J’ai dû mal chercher car la méthode est évidente.

    L’important est que la solution ait été fournie.

     

     

  • Auteur
    Messages
10 sujets de 1 à 10 (sur un total de 10)
  • Vous devez être connecté pour répondre à ce sujet.