유투브 동영상 노출 시 자동 실행 또는 자동 종료 소스입니다.
유튜브 동영상 레이어 팝업에 넣은 후 자스로 제어하기
유투브 동영상 버튼 클릭 시 레이어 뜨면서 자동실행
또는 종료버튼 클릭 시 자동으로 종료하는 소스 입니다.
유튜브 동영상은 유튜브 주소에 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 부분을 새로 넣어 줌으로
유투브 동영상을 시작과 종료를 할 수 있어요
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 6930 |
SOFTA
|
11년 전 | 5974 | |
| 6929 |
 LaRuota |
11년 전 | 1588 | |
| 6928 | 11년 전 | 1746 | ||
| 6927 | 11년 전 | 1768 | ||
| 6926 | 11년 전 | 1867 | ||
| 6925 | 11년 전 | 2265 | ||
| 6924 | 11년 전 | 3861 | ||
| 6923 | 11년 전 | 2256 | ||
| 6922 |
level999
|
11년 전 | 1022 | |
| 6921 | 11년 전 | 806 | ||
| 6920 | 11년 전 | 943 | ||
| 6919 | 11년 전 | 1051 | ||
| 6918 | 11년 전 | 1309 | ||
| 6917 | 11년 전 | 15425 | ||
| 6916 | 11년 전 | 1423 | ||
| 6915 | 11년 전 | 571 | ||
| 6914 | 11년 전 | 598 | ||
| 6913 | 11년 전 | 870 | ||
| 6912 | 11년 전 | 3125 | ||
| 6911 |
사랑해요79
|
11년 전 | 958 | |
| 6910 | 11년 전 | 737 | ||
| 6909 | 11년 전 | 775 | ||
| 6908 | 11년 전 | 633 | ||
| 6907 | 11년 전 | 825 | ||
| 6906 | 11년 전 | 1582 | ||
| 6905 | 11년 전 | 557 | ||
| 6904 | 11년 전 | 994 | ||
| 6903 | 11년 전 | 1667 | ||
| 6902 |
2donggalbi
|
11년 전 | 507 | |
| 6901 | 11년 전 | 1378 | ||
| 6900 | 11년 전 | 705 | ||
| 6899 | 11년 전 | 852 | ||
| 6898 |
열라뽕똬이
|
11년 전 | 1301 | |
| 6897 |
this1mg
|
11년 전 | 1588 | |
| 6896 |
sbdossb
|
11년 전 | 563 | |
| 6895 |
봉보로봉봉
|
11년 전 | 1140 | |
| 6894 |
똘똘이스머츠
|
11년 전 | 488 | |
| 6893 |
네이비컬러
|
11년 전 | 3638 | |
| 6892 | 11년 전 | 1068 | ||
| 6891 |
네이비컬러
|
11년 전 | 1310 | |
| 6890 | 11년 전 | 1130 | ||
| 6889 | 11년 전 | 578 | ||
| 6888 | 11년 전 | 711 | ||
| 6887 | 11년 전 | 603 | ||
| 6886 | 11년 전 | 5048 | ||
| 6885 | 11년 전 | 541 | ||
| 6884 |
asfasdfd235
|
11년 전 | 561 | |
| 6883 | 11년 전 | 3023 | ||
| 6882 | 11년 전 | 882 | ||
| 6881 | 11년 전 | 4412 | ||
| 6880 | 11년 전 | 1799 | ||
| 6879 |
퍼블리셔지노군
|
11년 전 | 2611 | |
| 6878 | 11년 전 | 543 | ||
| 6877 | 11년 전 | 561 | ||
| 6876 | 11년 전 | 1440 | ||
| 6875 | 11년 전 | 623 | ||
| 6874 | 11년 전 | 1597 | ||
| 6873 | 11년 전 | 1585 | ||
| 6872 | 11년 전 | 4447 | ||
| 6871 |
Abilityarch
|
11년 전 | 957 | |
| 6870 | 11년 전 | 2117 | ||
| 6869 | 11년 전 | 1400 | ||
| 6868 | 11년 전 | 1433 | ||
| 6867 | 11년 전 | 1516 | ||
| 6866 | 11년 전 | 738 | ||
| 6865 | 11년 전 | 1612 | ||
| 6864 | 11년 전 | 455 | ||
| 6863 | 11년 전 | 3741 | ||
| 6862 | 11년 전 | 1842 | ||
| 6861 | 11년 전 | 1641 | ||
| 6860 | 11년 전 | 1279 | ||
| 6859 |
cityman
|
11년 전 | 6802 | |
| 6858 | 11년 전 | 1251 | ||
| 6857 |
의정부아줌마
|
11년 전 | 852 | |
| 6856 | 11년 전 | 2360 | ||
| 6855 | 11년 전 | 1690 | ||
| 6854 | 11년 전 | 814 | ||
| 6853 | 11년 전 | 1203 | ||
| 6852 | 11년 전 | 2590 | ||
| 6851 | 11년 전 | 1953 | ||
| 6850 | 11년 전 | 1781 | ||
| 6849 | 11년 전 | 2072 | ||
| 6848 | 11년 전 | 2344 | ||
| 6847 | 11년 전 | 3122 | ||
| 6846 | 11년 전 | 2708 | ||
| 6845 | 11년 전 | 2796 | ||
| 6844 | 11년 전 | 3505 | ||
| 6843 | 11년 전 | 3257 | ||
| 6842 |
아트291
|
11년 전 | 684 | |
| 6841 | 11년 전 | 4165 | ||
| 6840 | 11년 전 | 5175 | ||
| 6839 | 11년 전 | 885 | ||
| 6838 |
 iwebstory |
11년 전 | 2091 | |
| 6837 | 11년 전 | 1266 | ||
| 6836 |
netdf
|
11년 전 | 605 | |
| 6835 |
 Terrorboy |
11년 전 | 998 | |
| 6834 | 11년 전 | 664 | ||
| 6833 |
LaRuota |
11년 전 | 2670 | |
| 6832 |
울산굿모닝
|
11년 전 | 1650 | |
| 6831 |
Terrorboy |
11년 전 | 662 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기