<< JUGEMブックマークアイコン削除方法 & Cinema、Jアニ!からのお知らせ | main | JUGEMポータルページがリニューアルされました!★ >>

YouTube動画をスマホに最適なサイズにしてみよう!

・・・・(笑)

どうしたのポリン苦笑いして。

や、あ、いや、なんとも言えない動画のシュールさに苦笑してたのよ。

あ、動画といえばさー!ブログにYouTubeの動画を貼ると、 スマホから見た時に画面からはみ出ちゃうんだよね。ホラ。

youtube1.png

あ、わかるーホントだね。ヘルメットアタカさんの腕、途切れちゃってるね。
何かいい方法ないかなぁ?

はい!

ココで!僕の!

登場です!

あれ、今シラッキー先生3人いなかった?3人兄弟だったっけ?

たまにシラッキー先生よく分からないことやりだすから、気にしないのが一番いいと思うよ。

( ス、スルーしよう・・・! )

コラコラ、スルーするな。今日はYouTube動画のサイズをスマホに最適化する方法を紹介するぞ!!
YouTubeを表示するタグは何を使ってる?


それって埋め込みコードのことですか?

そうそう。例えばiframeとかobjectとか。

私はiframe〜って書いてあります。

iframeだったら、【class="movieif_smartphone_resize"】というタグを 次の1箇所に追記すると、スマートフォンで見た時に最適化されるよ。









わあ!こんな簡単に出来るなんて知らなかったです!

先生、僕の過去のブログにはobjectタグが貼り付けられているのですが、どうしたら良いですか?

お、なるほど。以前の埋め込みコードの objectタグを貼っている場合は、【class="movieif_smartphone_resize"】というタグを 次の2箇所に追記するよ。









これで、スマートフォンで見てみると・・・

youtube2.png

さっきはみ出てたのがきれいに表示されてる!

さっきはみ出てたヘルメットアタカさんの腕が、きれいに表示されてる!

これで見た目もスッキリ!みんなのブログも見やすくなったね!

みんなもぜひ今後のブログライフに活用してみてね!


コメント
コメントする
※JUGEMの機能に関するご質問などはお問い合わせフォームまでお願いします。









この記事のトラックバックURL
トラックバック
関連の記事

最新の記事
StepUP!JUGEMからの
お知らせ
■ お勧めブログ投稿フォーム■
プロフィール
カテゴリーから記事を読む
月別で記事を読む
Stepup!JUGEM内で検索