<style type="text/css"> /**/ .grtyoutube-popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999; } .grtyoutube-popup-content { margin-top: 150px; width: 95%; max-width: 850px; margin-left: auto; margin-right: auto; position: relative; } .grtyoutube-popup-close { position: absolute; top: -30px; right: 0; color: #FFF; font-size: 25px; width: 17px; height: 17px; cursor: pointer; } .grtyoutube-iframe { width: 100%; height: 480px; } @media (max-width:767px) { .grtyoutube-iframe { width: 100%; height: 350px; } } .grtyoutube-dark-theme { background: rgba(0, 0, 0, 0.85); } .grtyoutube-dark-theme .grtyoutube-popup-content { -webkit-box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.4); -moz-box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.4); box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.4); } .grtyoutube-dark-theme .grtyoutube-popup-close { background: url('/media/webeditorimg/202210/07/icon-close-white.png') no-repeat; } .grtyoutube-light-theme { background: rgba(255, 255, 255, 0.85); } .grtyoutube-light-theme .grtyoutube-popup-content { -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4); } .grtyoutube-light-theme .grtyoutube-popup-close { background: url('icon-close-black.png') no-repeat; } .contents_notice { width: 664px; margin: 0 auto 10px auto; font-size: 15px; color: #010101; } .contents_notice * { font-family: Arial, "Malgun Gothic", Dotum, "돋움", Gulim, "굴림", Helvetica, Apple-Gothic; } .contents_notice img { margin: 0 !important; } .contents_notice_top img { width: 100%; } /**/ .play_link_btns { position: relative; } .play_link_btns a { display: block; position: absolute; } .play_link_btns a.play_link_btn1 { width: 86.5%; height: 15.5%; top: 36.3%; left: 6.5%; } .play_link_btns a.play_link_btn2 { width: 27.3%; height: 4.9%; top: 54.1%; left: 6.5%; } .play_link_btns a.play_link_btn3 { width: 27.3%; height: 4.9%; top: 54.1%; left: 36.2%; } .play_link_btns a.play_link_btn4 { width: 27.3%; height: 4.9%; top: 54.1%; left: 65.7%; } .play_link_btns a.play_link_btn5 { width: 27.3%; height: 31.0%; top: 61.6%; left: 6.5%; } .play_link_btns a.play_link_btn6 { width: 27.3%; height: 31.0%; top: 61.6%; left: 36.2%; } .play_link_btns a.play_link_btn7 { width: 27.3%; height: 31.0%; top: 61.6%; left: 65.7%; } @media (max-width:768px) { .contents_notice { width: auto; } } </style> [removed] // audio play var Player = function() { var my = this; var Browser = { a:navigator.userAgent.toLowerCase() } my.src = $('#soundSrc').attr('data-src'); my.embed = '<embed src=' + my.src + ' hidden=true autostart=true loop=false>'; my.video = '<audio id="media_player" controls="" name="media"><source src="'+ my.src +'" type="audio/mpeg" volume=3></audio>' my.stop = function (){ $('#soundLoad').html(''); return false; } my.start = function () { $('#soundLoad').html( my.video ); return false; } my.play = function () { my.stop(); my.start(); $('#media_player')[0].play(); } my.playEmbed = function () { $('#soundLoad').html( my.embed ); return false; } $('#soundSrc').click( function( ev ) { var el = $( ev.target ); $(this).addClass('soundPlay_ing'); setTimeout(function() { $('#soundSrc').removeClass('soundPlay_ing'); },2000); if ( el.attr('data-isMobile') == 'false' && !( Browser.a.indexOf('firefox') != -1 || Browser.a.indexOf('chrome') != -1 || Browser.a.indexOf('safari') != -1) ) { my.playEmbed(); return false; } my.play(); return false; }); }; $(function () { if ( $('#media_player') ) { new Player; } $.fn.grtyoutube = function (options) { return this.each(function () { // Get video ID var getvideoid = $(this).attr("youtubeid"); // Default options var settings = $.extend({ videoID: getvideoid, autoPlay: true, theme: "dark" }, options); // Convert some values if (settings.autoPlay === true) { settings.autoPlay = 1 } else if (settings.autoPlay === false) { settings.autoPlay = 0 } if (settings.theme === "dark") { settings.theme = "grtyoutube-dark-theme" } else if (settings.theme === "light") { settings.theme = "grtyoutube-light-theme" } // Initialize on click if (getvideoid) { $(this).on("click", function () { $("body").append("

"); }); } // Close the box on click or escape $(this).on('click', function (event) { event.preventDefault(); $(".grtyoutube-popup-close, .grtyoutube-popup").click(function () { $(".grtyoutube-popup").remove(); }); }); $(document).keyup(function (event) { if (event.keyCode == 27) { $(".grtyoutube-popup").remove(); } }); }); }; $("a.youtube-link-dark").grtyoutube({ autoPlay: true, theme: "dark" }); }); [removed]