La vidéo dans le corps du texte ne s'adapte pas en largeur sur les mobiles

[lyonenfrance]

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Autre
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : novembre
Lien du forum : http://lyonenfrance.forumculture.net

Description du problème

Bonjour et merci pour votre accueil... J'aurais une autre question si cela ne vous dérange pas ?? Quand je place une vidéo dans une page, elle est bien visible sur la version ordinateur mais elle est trop large sur la version mobile :... exemple http://www.forum.lyftv.com/t3867-beau-livre-5-kilos-de-pur-univers ... Est ce que par hasard il n'y aurait pas un code à insérer quelque part ? Et lequel ?
Merci beaucoup pour votre efficacité

[Adam_sfp]

Bonjour

On va tester avec un script qui va ajouter une classe à l'iframe youtube en fonction de la taille de l'écran.
Cela doit fonctionner à condition que le lien youtube dans l'iframe ressemble à ceci

Code:

https://www.youtube.com

avec d'autres infos derrières.

Pour exécuter un script en fonction de la taille de l'écran on peut mettre

Code:

$(document).ready(function() {
  if ($(window).width() < 450)
 {
    ICI LE CODE A EXÉCUTER SI LA TAILLE EST INFÉRIEURE A 450
  }
});

Pour ajouter une classe à l'iframe youtube on va mettre

Code:

 $("iframe[src^='https://www.youtube.com']").addClass("mobileresize");

on ajoute cette partie dans le premier script pour avoir

Code:

$(document).ready(function() {
  if ($(window).width() < 450) {
    $("iframe[src^='https://www.youtube.com']").addClass("mobileresize");
  }
});

Il faut mettre ce code dans gestion des javascript en cochant sur les sujets .



Et pour finir on va appliquer une taille aux vidéos concernées via le css
Code à ajouter dans votre CSS en choisissant vos réglages de tailles pour mobile

Code:


    .mobileresize
{
    width:300px;
    height:150px;
}


Cdt.

[lyonenfrance]

Effet Ouahouu! Cà marche, merci beaucoup... J'espère que cela aura été utile à d'autres