ワードプレスで貼った動画をスマホで見た時に適正の幅に自動調整させる方法!

こんにちは、ぐっきんです!

タイトルにある通りなのですが、ワードプレスで貼った動画を見た時に
PCだといい感じに表示されているのに。スマホでみたら、、、

めっちゃはみ出てる〜〜!

なんてことは無いでしょうか?

賢威とかTCDのテンプレートはその辺りが若干怪しいので、
なんかいい方法が無いのかどうか探してみました。

するとすごーく簡単に解決出来る方法がありましたので、
解説していきたいと思います。

1分で出来る手順を動画で解説!

貼り付けるコードはこちらです↓↓

本当に簡単ですよね。

いや、僕も色々複雑なコードを使ったやり方も調べましたよ?笑

でもこのやり方が一番カンタンで色々なテンプレートに共通で使えそうだったので採用しました。

ちなみにTCDで何もせずに動画を貼ってスマホで見るとこうなります↓↓


4D6751EF78F3557754FACACCD3A813F9B481B60337F901F142pimgpsh_fullsize_distr

 

スマホからのアクセスが7割〜8割を占める時代にこれは痛すぎですね。笑

コードを入れるとこんな感じになります↓↓

27FAA6C0C2DAA3057A6A7CDDD2DCAB8872EDB1E6BCDC13A374pimgpsh_fullsize_distr

 

若干縦長ですが飛び出しているよりは圧倒的にマシかと思います。

なので、万が一自分のブログの動画が飛び出して変な表示になっている場合は、
今回紹介した手法をぜひ試してみてください^^

それでは今回は以上になります。

 

コメントを残す

メールアドレスが公開されることはありません。