YouTube cafe / marioanima WPtouchを搭載したブログによく見られるのですが、自分のブログでもYouTubeなどのビデオを掲載した記事をスマートフォンなどで閲覧した際、横幅が画面からはみ出してしまい気持ち悪かったので、動画コンテンツを自動的にスマホの横幅に合わせてくれるjQuery「FitVids.js」を導入してみました。 参考にさせて頂いたのは@mk_mizuho さんのブログあかめ女子のwebメモさんの以下の記事。 [Å] YouTubeやVimeoなど固定サイズになった外部の動画をレスポンシブに対応させる方法 | あかめ女子のWebメモ まずはdavatron5000/FitVids.js · GitHubへ訪れまして 上の手順で「jquery.fitvids.js」をDLしましょう。 DLしたファイルを解凍、「jquery.fitvids.js」をサー
![Youtubeなどの動画コンテンツをスマートフォンの横幅に合わせてくれるjQuery「FitVids.js」の搭載手順](https://cdn-ak-scissors.b.st-hatena.com/image/square/40804067132146d8d2aac73473212c8354a500ce/height=288;version=1;width=512/https%3A%2F%2Fozpa-h4.com%2Fwp-content%2Fuploads%2F4157325380_87f5248e311.jpg)