Intégration vidéos Youtube et responsivité (Créer un compte)

  • WordPress :5.2
  • Statut : non résolu
4 sujets de 1 à 4 (sur un total de 4)
  • Auteur
    Messages
  • #2271353
    Vonsid
    Participant
    Initié WordPress
    2 contributions

    Ma configuration WP actuelle :

    • – Version de WordPress : 5.2.2
    • – Version de PHP/MySQL : 7.1.30 / 5.5.5
    • – Thème utilisé : Online CV Resume Pro
    • – Thème URI : https://edatastyle.com/product/online-cv-resume-wordpress-theme/
    • – Extensions en place : All-in-One WP Migration (7.2), All-in-One WP Migration File Extension (1.4), Coming Soon Page & Maintenance Mode by SeedProd (5.0.25), Contact Form 7 (5.1.3), Cool Tag Cloud (2.14), Elementor (2.6.6), Forum_wordpress_fr (4.2), Kirki Customizer Framework (3.0.44), Menu Icons (0.11.5), One Click Demo Import (2.5.1), Online CV Resume (1.10.0), Piklist (1.0.4), Social Icons Widget by WPZOOM (3.3.0), YouTube (13.1)
    • – Adresse du site : https://laurentlimpio.net
    • – Nom de l’hébergeur : Apache

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

    Bonjour, je rencontre un problème avec l’intégration de mes vidéos Youtube, notamment avec la version téléphone de ma page. Si j’utilise l’intégration classique de l’éditeur WordPress, la version ordinateur est parfaite, mais les vidéos et images sur la version téléphone sont déformées et perdent leur proportions. Pour tenter de contourner le problème, j’ai installé l’extension Youtube Free. La version téléphone est alors impeccable, mais le lecteur de vidéo Youtube est alors beaucoup, beaucoup trop grand sur la version ordinateur (c’est le cas sur la version actuelle de la page). Je suspecte que le problème vient du thème, mais j’imagine qu’il doit y avoir un moyen d ‘arriver à un résultat acceptable sur les deux supports, peut-être avec du code, malheureusement mes compétences dans ce domaine ne me permettent pas de trouver une solution.

    En vous remerciant par avance pour votre éventuelle aide.

    #2271358
    Li-An
    Modérateur
    Maître WordPress
    24650 contributions

    Bonjour, testez en effet avec un des thèmes par défaut. Si c’est le thème qui est responsable, le plus logique c’est de contacter le développeur pour qu’il corrige le problème.

    #2271446
    qomino
    Participant
    Initié WordPress
    13 contributions

    Salut,

    Ayant lutté avec ce problème il y a qq temps, voici LA soltion :

    Dans ton fichier CSS, rajoute ça :

     

    .iframe-container{
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    }
    .iframe-container iframe{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    }

    puis pour intégrer ta vidéo ça :

    <div class=”iframe-container”><iframe src=”URL_DE_LA_VIDEO_YOUTUBE” width=”LARGEUR” height=”HAUTEUR” frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe></div>

    EXEMPLE :

    <div class=”iframe-container”><iframe src=”https://www.youtube.com/embed/R_T-Jj1gKzs?rel=0&#8243; width=”1280″ height=”720″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe></div>

    #2271738
    Vonsid
    Participant
    Initié WordPress
    2 contributions

    Merci Qomino mais malheureusement ça ne fonctionne pas :/ Avec ce code j’arrive à avoir un aperçu de taille correcte sur la version PC (bien que non centré) mais l’aperçu téléphone n’est plus responsive… Je pense sérieusement à un problème avec ce thème.

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