yuheijotaki.com

youtubeの埋め込み

youtube埋め込み、パラメータなどJSでやる場合メモ
サイズ計算は動画比率で異なるので別途やらないと

参考

<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="utf-8">
	<title>youtube</title>
	<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>

<script>
$(window).on('load resize', function(){
var windowWidth = $(window).width();
var windowHeight = $(window).height();
$('iframe#movie').css({'width':windowWidth+'px','height':windowHeight+'px'});
});

    var tag = document.createElement('script');
    tag.src = "https://www.youtube.com/player_api";
    var firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
    var player;
    function onYouTubePlayerAPIReady() {
    	player = new YT.Player('movie', {
    		videoId: 'zX5cu9y9mgk', //ID
    		playerVars: {
    			'autohide': 0,
    			'autoplay': 1,
    			'controls': 0,
    			'disablekb': 1,
    			'iv_load_policy': 3,
    			'loop': 1,
    			'modestbranding': 1,
    			'showinfo': 0
    			},
    	});
    }

</script>

<body>
<div id="movie"></div>
</body>
</html>