/********************************************* * point.js *********************************************/ /* ------------------------------------------- * @constructor ------------------------------------------- */ var u = new EPOS_CARD.Util(); // u インスタンスを作成 /*youtube API*/ var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); var EPOS_ytPlayer_family_gold01; function onYouTubeIframeAPIReady() { EPOS_ytPlayer_family_gold01 = new YT.Player('youtubeContents_family_gold01', {//動画を表示させたいIDを指定 videoId: 'Y2pmtaIbyyU',//動画のアドレスの指定 playerVars: { playsinline: 1, //autoplay: 1, fs:0, rel: 0, controls: 1, modestbranding: 1, iv_load_policy: 3, start:0, //playlist: 'Y2pmtaIbyyU' }, events: {// イベント //'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange } }); } function onPlayerReady(event) { event.target.mute(); event.target.playVideo(); } function onPlayerStateChange(event) { if (event.data == YT.PlayerState.ENDED) { j$.colorbox.close(); } } /* ------------------------------------------- * @module ------------------------------------------- */ j$(function(){ j$.youtubeModal01(); j$.youtubeModal02(); j$(window).on('load', function(){ if(location.search.indexOf('webview_movie=true') !== -1 && j$('.js-yotubemodal_initial').length !== 0){ j$('.js-yotubemodal_initial').trigger('click'); } }) }); (function(j$){ j$.youtubeModal01 = function(){ if($('.js-yotubemodal_initial').length === 0){return false} $('.js-yotubemodal_initial').colorbox({ inline: true, maxWidth: "100%", maxHeight: "100%", fixed: true, onComplete: function(){ EPOS_CARD.module.equalHeight(true, true); EPOS_CARD.module.sizeFix(); onYouTubeIframeAPIReady() } }); } /* * modal */ j$.youtubeModal02 = function(config){ // vars var $elm = j$(".js-yotubemodal"); if($elm.length === 0){ return false; } var c = j$.extend({ customClose: ".cb_close", CLOSE_HTML: '

閉じる

' },config); if(u.isRangeSP()){ $elm.colorbox({ iframe: true, innerWidth:"95%", innerHeight: 250, maxWidth: "95%", maxHeight: "98%", fixed: true, className: "cb-ytWrap", closeButton: false, onComplete: function(){ j$(c.CLOSE_HTML).appendTo("#colorbox.cb-ytWrap #cboxLoadedContent"); }, onClosed: function(){ j$("#ytClose").remove(); } }); } else { $elm.colorbox({ iframe: true, innerWidth:640, innerHeight:418, maxWidth: "100%", maxHeight: "100%", fixed: true, className: "cb-ytWrap", closeButton: false, onComplete: function(){ j$(c.CLOSE_HTML).appendTo("#colorbox.cb-ytWrap #cboxWrapper"); }, onClosed: function(){ j$("#ytClose").remove(); } }); } } })(jQuery);