久々すぎる備忘録。
本当は大量のメモがあるけど、いちいちここにまとめて載せるのが面倒で放置状態。
ここに書いておくとどこからでも見られるので、使いそうなものは載せていかないとなー。
—
YouTubeの埋め込み動画をウィンドウ内で全画面表示させる方法。可変対応。
幅・高さ・絶対位置は動画の縦横比を見て、テストして適宜変更。
ブラウザウィンドウを上回るサイズで動画を配置して、中央部分を切り抜き表示させる形。
○えいちてぃーえむえる
<div id="movie"> <iframe width="1100" height="619" src="動画URL?modestbranding=1&showinfo=0&autoplay=1&loop=1&playlist=bTlsMlJnAQ0&controls=0&disablekb=1&wmode=transparent" frameborder="0" allowfullscreen></iframe> </div>
○しーえすえす
#movie {
width: 100%;
min-height: 700px;
overflow: hidden;
position: relative;
}
#movie iframe {
width: auto;
height: auto;
min-height: 150%;
min-width: 150%;
position: absolute;
}
○ジェイク英理
$(function() {
function resizeMov() {
var h = $(window).height();
$('#top_movie').css({height: h+'px'});
$('#top_movie iframe').css({left: '-25%',top: '-25%',height: h+'px'});
}
resizeMov();
$(window).resize(resizeMov);
});