instagram、Vine、youtubeの投稿をブログ記事からはみ出さずにぴったり収まる埋め込みコードを作成する方法

記事のタイトルとURLをコピーする

こんにちはコーヘイ(@k3809)です。動画やinstagramの投稿を記事にのせることが多いブロガーさん。動画はキッチリ枠内に収まってますか!?はみ出してしまう事が多々あるなら吉報です。embedresponsively.comを使ってみましょう!!

スポンサーリンク

スマホの画面から埋め込んだ動画がはみ出る事ってありませんか!?

ブログ記事にyoutubeやVineの動画を貼るブロガーさんが多々いらっしゃいます。

その動画、しっかり枠内にスッポリ収まってますか!?パソコン上の画面は大丈夫!と安心しているあなた!スマホ上のでの表示はどうなってますか!?ビヨーンとはみ出てませんか!!?

CSSをいじれば解決する!だけど・・・

ぼくのブログもyoutubeやvineの動画を載せたいと思い、埋め込みコードを記事に書いて更新すると、それはそれはハミ出しまくってて見づらい状態でした。

CSSをイジってレスポンシブ化すればいいのですが、ややこしかったり、テーマが更新される度にまたコードを追加しなくてはならなかったりですごく面倒な感じでした。

そんな時に見つけたwebサービスがembedresponsively.com

embedresponsively.com

 

何かないかなと探していたら、すごく便利なサイトを見つけました。embedresponsively.comです。・・・スンマセン読み方わかりません(汗)

スポンサーリンク

使い方

①記事に貼りたい動画等のURLを準備する。

②対応するサービスを画面上から選択する。(youtubeとか、Vineとか)

③URLを検索バーにコピペして「encode」をクリックする。

④はき出されたコードをコピペしてブログ記事に貼る。

一手間かかりますが、これをするとスマホだろうが、PC上であろうがはみ出さずスッポリと収まります。

「動画を記事にバンバン貼るけどはみ出したり、レイアウトが崩れる」というブロガーさんいましたら是非活用してみてください!

☞まとめ

◯動画がはみ出ちゃうならembedresponsively.comを使って見るべし。

CSSなどをいじらなくてもカンタンにできるのでかなりオススメです!

広告記事下
スポンサーリンク
記事のタイトルとURLをコピーする