$(function(){ 'use scrict'; //プレイヤー変数 var player; //オブジェクト生成 function youtubeAPIInit() { var scriptTag = document.createElement('script'); scriptTag.src = "https://www.youtube.com/iframe_api"; var fsTag = document.getElementsByTagName('script')[0]; fsTag.parentNode.insertBefore(scriptTag, fsTag); window.onYouTubeIframeAPIReady = function(){ player = new YT.Player('player', { height:'540', width:'960', videoId:'YUUThyaAgVk', playerVars:{ autohide:1, controls:1, modestbranding:1, iv_load_policy:3, showinfo:0, rel:0, autoplay:1 } }); }; } function youtubePlay() { ytPlayer[5].playVideo(); } //モーダル var modal = {}, $lay, $content; modal.inner = function() { if($("#modal-overlay")[0]) return false; $("body").append(''); $lay = $("#modal-overlay"); $content = $("#modal-content"); $lay.fadeIn("slow"); youtubePlay(); // youtubeAPIInit(); this.resize(); $content.fadeIn("fast"); $lay.unbind().click(function() { // player.pauseVideo(); ytPlayer[5].pauseVideo(); $content.add($lay).fadeOut("fast",function(){ $lay.remove(); }); }); }; //リサイズ処理 modal.resize = function(){ var $winWidth = $(window).width(); var $winHeight = $(window).height(); var $contentOuterWidth = $("#modal-content").outerWidth(); var $contentOuterHeight = $("#modal-content").outerHeight(); $("#modal-content").css({ "left": (($winWidth - $contentOuterWidth) / 2) + "px", "top": (($winHeight - $contentOuterHeight) / 2) + "px" }); } //クリック処理 $("#modal-open").click(function(){ modal.inner(); }); $(window).resize(modal.resize); });