# 103: Integrando FitVids.js em WordPress - CSS-Tricks

Anonim

O tema WordPress padrão no momento deste screencast é TwentyEleven, um design maravilhosamente simples e responsivo. Isto é, até que postemos um vídeo incrível no YouTube como uma nova postagem de blog e a capacidade de resposta é interrompida. O vídeo não preenche a área em telas largas e é muito grande em telas estreitas, quebrando fora da área de conteúdo.

Neste vídeo, vamos cobrir como adicionar jQuery a um tema WordPress e, em seguida, baixar o plugin jQuery FitVids.js e integrá-lo ao tema (coisa simples!). O resultado é que o vídeo se ajusta instantaneamente à natureza responsiva do tema. Funciona com vídeo de qualquer fonte.

Mesmo que este seja um exemplo simples e específico, espero que ajude você a entender como você pode começar a integrar qualquer coisa interessante de JavaScript que encontrar na web em um site WordPress.

Links do vídeo:

  • Vídeo incrível
  • WordPress / TwentyEleven
  • jQuery / ScriptSrc
  • Coloque o jQuery hospedado no Google em um tema WordPress
  • FitVids.js / Relações intrínsecas para vídeo