に投稿

Bloggerでyoutubeの埋め込み画面の自動調整ができた

【今日のした事】

・その1~動画の自動調整

ブロガー(blogger)でユーチューブの埋め込み画面を自動調整したかった。

ググって見ると非常に簡単にできる事がわかった。

参考になった記事をリンクしときます。→http://html5-css3.jp/

ちょっと補足

記事にはブロガーとは書いてなかったけど、やってみたらできました。

CSSにタグを追加して、後は動画を埋め込んだタグに↓のタグで囲むだけ

<div class=”video-container”>
</div>

これをすると、いろんなモバイル画面にきちんと自動調整してくれるとてもありがたい

カスタマイズでした。 ~ググって良かった~

ちなみにCSSのタグも貼っとくよ

~~~~~~これを↓コピーしてCSS追加してください~~~~

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

~~~~~~~~~~~~~~~~~~~~