- WordPress :5.2
- Statut : non résolu
- Ce sujet contient 3 réponses, 3 participants et a été mis à jour pour la dernière fois par
Vonsid, le il y a 1 année et 5 mois.
-
AuteurMessages
-
27 juillet 2019 à 18 h 52 min #2271353
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.
27 juillet 2019 à 20 h 20 min #2271358Bonjour, 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.
28 juillet 2019 à 16 h 44 min #2271446Salut,
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″ width=”1280″ height=”720″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe></div>
30 juillet 2019 à 14 h 12 min #2271738Merci 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.
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.