유투브 동영상 노출 시 자동 실행 또는 자동 종료 소스입니다.
유튜브 동영상 레이어 팝업에 넣은 후 자스로 제어하기
유투브 동영상 버튼 클릭 시 레이어 뜨면서 자동실행
또는 종료버튼 클릭 시 자동으로 종료하는 소스 입니다.
유튜브 동영상은 유튜브 주소에 autoplay=1을 하면 유튜브 동영상 노출 시 자동으로 동영상이 실행 되고
autoplay=0 하면 동영상 노출 시 동영상이 실행 되지 않는 것을 이용하여
레이어 팝업이 노출 되면 동영상 실행
레이어 팝업이 없어지면 동영상을 종료 하게 했습니다.
<div id="Ulayer" style="width:560px;height:335px;visibility:hidden;position:absolute;left:200px;top:400px;">
<span style="float:right;width:100px;height:20px;width:560px;text-align:right;padding-right:10px;font-weight:600;"><a href="javascript:;" onClick="UMOVEClose()">[닫기]</a></span>
<object width="560" height="315"><param id="umove1" name="movie" value="//www.youtube.com/v/djkElboUs1I?version=3&hl=ko_KR&autoplay=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed id="umove2" src="//www.youtube.com/v/djkElboUs1I?version=3&hl=ko_KR&autoplay=0" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</div>
style일 때문에 복잡해 보이지만 유튜브 소스는 object로 시작하는 부분이죠.
아래는 자스 소스에요
function UMOVE(){
document.getElementById("Ulayer").style.visibility = "visible";
document.getElementById("umove2").src = "//www.youtube.com/v/djkElboUs1I?version=3&hl=ko_KR&autoplay=1";
document.getElementById("umove1").src = "//www.youtube.com/v/djkElboUs1I?version=3&hl=ko_KR&autoplay=1";
}
function UMOVEClose(){
document.getElementById("Ulayer").style.visibility = "hidden";
document.getElementById("umove2").src = "//www.youtube.com/v/djkElboUs1I?version=3&hl=ko_KR&autoplay=0";
document.getElementById("umove1").src = "//www.youtube.com/v/djkElboUs1I?version=3&hl=ko_KR&autoplay=0";
}
아이프레임에 src 부분을 새로 넣어 줌으로
유투브 동영상을 시작과 종료를 할 수 있어요
유투브 동영상 버튼 클릭 시 레이어 뜨면서 자동실행
또는 종료버튼 클릭 시 자동으로 종료하는 소스 입니다.
유튜브 동영상은 유튜브 주소에 autoplay=1을 하면 유튜브 동영상 노출 시 자동으로 동영상이 실행 되고
autoplay=0 하면 동영상 노출 시 동영상이 실행 되지 않는 것을 이용하여
레이어 팝업이 노출 되면 동영상 실행
레이어 팝업이 없어지면 동영상을 종료 하게 했습니다.
<div id="Ulayer" style="width:560px;height:335px;visibility:hidden;position:absolute;left:200px;top:400px;">
<span style="float:right;width:100px;height:20px;width:560px;text-align:right;padding-right:10px;font-weight:600;"><a href="javascript:;" onClick="UMOVEClose()">[닫기]</a></span>
<object width="560" height="315"><param id="umove1" name="movie" value="//www.youtube.com/v/djkElboUs1I?version=3&hl=ko_KR&autoplay=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed id="umove2" src="//www.youtube.com/v/djkElboUs1I?version=3&hl=ko_KR&autoplay=0" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</div>
style일 때문에 복잡해 보이지만 유튜브 소스는 object로 시작하는 부분이죠.
아래는 자스 소스에요
function UMOVE(){
document.getElementById("Ulayer").style.visibility = "visible";
document.getElementById("umove2").src = "//www.youtube.com/v/djkElboUs1I?version=3&hl=ko_KR&autoplay=1";
document.getElementById("umove1").src = "//www.youtube.com/v/djkElboUs1I?version=3&hl=ko_KR&autoplay=1";
}
function UMOVEClose(){
document.getElementById("Ulayer").style.visibility = "hidden";
document.getElementById("umove2").src = "//www.youtube.com/v/djkElboUs1I?version=3&hl=ko_KR&autoplay=0";
document.getElementById("umove1").src = "//www.youtube.com/v/djkElboUs1I?version=3&hl=ko_KR&autoplay=0";
}
아이프레임에 src 부분을 새로 넣어 줌으로
유투브 동영상을 시작과 종료를 할 수 있어요
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 230 | 20년 전 | 2083 | ||
| 229 | 20년 전 | 3146 | ||
| 228 | 20년 전 | 3338 | ||
| 227 | 20년 전 | 2415 | ||
| 226 | 20년 전 | 5494 | ||
| 225 | 20년 전 | 2533 | ||
| 224 | 20년 전 | 2974 | ||
| 223 | 20년 전 | 4211 | ||
| 222 | 20년 전 | 2612 | ||
| 221 | 20년 전 | 2301 | ||
| 220 | 20년 전 | 3687 | ||
| 219 | 20년 전 | 2083 | ||
| 218 | 20년 전 | 3578 | ||
| 217 | 20년 전 | 2490 | ||
| 216 | 20년 전 | 2926 | ||
| 215 | 20년 전 | 2235 | ||
| 214 | 20년 전 | 3347 | ||
| 213 | 20년 전 | 2926 | ||
| 212 | 20년 전 | 3063 | ||
| 211 | 20년 전 | 2153 | ||
| 210 | 20년 전 | 1910 | ||
| 209 | 20년 전 | 2367 | ||
| 208 | 20년 전 | 1994 | ||
| 207 | 20년 전 | 1686 | ||
| 206 | 20년 전 | 1862 | ||
| 205 | 20년 전 | 3957 | ||
| 204 | 20년 전 | 1683 | ||
| 203 | 20년 전 | 2021 | ||
| 202 | 20년 전 | 2362 | ||
| 201 | 20년 전 | 1837 | ||
| 200 | 20년 전 | 2966 | ||
| 199 | 20년 전 | 2012 | ||
| 198 | 20년 전 | 2094 | ||
| 197 | 20년 전 | 3666 | ||
| 196 | 20년 전 | 3001 | ||
| 195 | 20년 전 | 2110 | ||
| 194 | 20년 전 | 10261 | ||
| 193 | 20년 전 | 2259 | ||
| 192 | 20년 전 | 1614 | ||
| 191 | 20년 전 | 2678 | ||
| 190 | 20년 전 | 2299 | ||
| 189 | 20년 전 | 1698 | ||
| 188 | 20년 전 | 1496 | ||
| 187 | 20년 전 | 1920 | ||
| 186 | 20년 전 | 1743 | ||
| 185 | 20년 전 | 1790 | ||
| 184 | 20년 전 | 2373 | ||
| 183 | 20년 전 | 1579 | ||
| 182 | 20년 전 | 1492 | ||
| 181 | 20년 전 | 1634 | ||
| 180 | 20년 전 | 2732 | ||
| 179 | 20년 전 | 1817 | ||
| 178 | 20년 전 | 1865 | ||
| 177 | 20년 전 | 1995 | ||
| 176 | 20년 전 | 1810 | ||
| 175 | 20년 전 | 1878 | ||
| 174 | 20년 전 | 1704 | ||
| 173 | 20년 전 | 2067 | ||
| 172 | 20년 전 | 1792 | ||
| 171 | 20년 전 | 2572 | ||
| 170 | 20년 전 | 2285 | ||
| 169 | 20년 전 | 2565 | ||
| 168 | 20년 전 | 1499 | ||
| 167 | 20년 전 | 1589 | ||
| 166 | 20년 전 | 2168 | ||
| 165 | 20년 전 | 1648 | ||
| 164 | 20년 전 | 3782 | ||
| 163 | 20년 전 | 2682 | ||
| 162 | 20년 전 | 2102 | ||
| 161 | 20년 전 | 2813 | ||
| 160 | 20년 전 | 1746 | ||
| 159 | 20년 전 | 1624 | ||
| 158 | 20년 전 | 2574 | ||
| 157 | 20년 전 | 1504 | ||
| 156 | 20년 전 | 1754 | ||
| 155 | 20년 전 | 3240 | ||
| 154 | 20년 전 | 1914 | ||
| 153 | 20년 전 | 1636 | ||
| 152 | 20년 전 | 4970 | ||
| 151 | 20년 전 | 4589 | ||
| 150 | 20년 전 | 3527 | ||
| 149 | 20년 전 | 3812 | ||
| 148 | 20년 전 | 7095 | ||
| 147 | 20년 전 | 3564 | ||
| 146 | 20년 전 | 2641 | ||
| 145 | 20년 전 | 2631 | ||
| 144 | 20년 전 | 7175 | ||
| 143 | 20년 전 | 4618 | ||
| 142 | 20년 전 | 1908 | ||
| 141 | 20년 전 | 3256 | ||
| 140 | 20년 전 | 1974 | ||
| 139 | 20년 전 | 1592 | ||
| 138 | 20년 전 | 2318 | ||
| 137 | 20년 전 | 1792 | ||
| 136 | 20년 전 | 1463 | ||
| 135 | 20년 전 | 1802 | ||
| 134 | 20년 전 | 2974 | ||
| 133 | 20년 전 | 2459 | ||
| 132 | 20년 전 | 1713 | ||
| 131 | 20년 전 | 1664 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기