# 103: Intégration de FitVids.js dans WordPress - Astuces CSS

Anonim

Le thème WordPress par défaut au moment de ce screencast est TwentyEleven, un design merveilleusement simple et réactif. Autrement dit, jusqu'à ce que nous publions une superbe vidéo YouTube en tant que nouveau billet de blog et que la réactivité tombe en panne. La vidéo ne remplit pas la zone sur les écrans larges et est trop grande sur les écrans étroits, sortant de la zone de contenu.

Dans cette vidéo, nous allons expliquer comment ajouter jQuery à un thème WordPress, puis télécharger le plugin jQuery FitVids.js et l'intégrer dans le thème (trucs simples!). Le résultat est que la vidéo s'adapte instantanément à la nature réactive du thème. Cela fonctionne pour la vidéo de n'importe quelle source.

Même s'il s'agit d'un exemple simple et spécifique, j'espère que cela vous aidera à comprendre comment vous pouvez commencer à intégrer n'importe quel élément JavaScript cool que vous trouvez sur le Web dans un site WordPress.

Liens de la vidéo:

  • Super vidéo
  • WordPress / TwentyEleven
  • jQuery / ScriptSrc
  • Mettre en file d'attente jQuery hébergé par Google dans un thème WordPress
  • FitVids.js / Ratios intrinsèques pour la vidéo