메인메뉴 바로가기

HOME으로 가기

사용자함수 그림배경이나 플래시화면 위에 유튜브동영상 레이어팝업 띄우기.

페이지 정보

profile_image
작성자 너갱이
댓글 1건 조회 6,720회 작성일 15-05-15 14:34

본문

------------------ HTML ----------------------    

 
<div id="mainCont_dv" style="width: 100%; height: 100%;">
        <object type="application/x-shockwave-flash" data="http://srcon.iptime.org:3480/2014_jihak_music/main.swf" width="100%" height="100%" title="DK">
            <param name="movie" value="http://srcon.iptime.org:3480/2014_jihak_music/main.swf" >
            <param name="quality" value="high" />
            <param name="allowScriptAccess" value="always" />
            <param name="allowFullScreen" value="true" />
            <param name="menu" value="false" />
            <param name="base" value="." />
            <param name="flashVars" value="" />
            <param name="wmode" value="transparent" />
            
            <embed
            type="application/x-shockwave-flash"
            pluginspage="http://www.macromedia.com/go/getflashplayer"
            src="http://srcon.iptime.org:3480/2014_jihak_music/main.swf"
            quality="high"
            bgcolor="#ffffff"
            width="100%"
            height="100%"
            align="middle"
            allowScriptAccess="always"
            allowFullScreen="true"
            menu="false"
            base="."
            flashVars="" />
            
            <p class="hidden">DK</p>
         </object>
    </div>
 
    <div id="hiddenLayer" style="position: absolute; width: 100%; height:100%; top: 0; left: 0;  display: none;z-index:999; "></div>
 
 
 
------------------------------- 스크립트 --------------------
 
function youtubeMovie(href){
    var AniTag = '';
    
    AniTag += '<div style="width: 100%; height:100%; background-color:black; opacity:0.4;filter: alpha(opacity=40);" onclick="closeyoutube(); return false;"></div>';
    
    AniTag += '<div style="position: absolute; z-index: 110;width:750px; height:400px; left:50%; top:50%; margin:-200px 0 0 -350px; "><iframe width=700 height=400 src="'+href+'?autoplay=1" frameborder="0" allowfullscreen></iframe>';
    AniTag += '<a href="#" class="btn_x" onclick="closeyoutube(); return false;"><img src="http://www.jihak.co.kr/jihak/img/app/btn_close.gif"  border="0" /></a></div>';
    
    document.getElementById("hiddenLayer").innerHTML = AniTag;
    document.getElementById("hiddenLayer").style.display = 'block';
}
function closeyoutube(){
    document.getElementById("hiddenLayer").innerHTML = '';
    document.getElementById("hiddenLayer").style.display = 'none';
}

 

댓글목록

profile_image

너갱이님의 댓글

너갱이 작성일

http://srcon.iptime.org:3480/2014_jihak_music/main.html