레이어와 미디어 플레이어를 동시에 컨트롤 하고 싶은데요..소스좀 봐주세요. 정보
레이어와 미디어 플레이어를 동시에 컨트롤 하고 싶은데요..소스좀 봐주세요.첨부파일
본문
아래 소스를 보시면 레이어를 열면 미디어 플레이어가 실행되게 되어 있는데요
레이어 열면서 동시에 미디어 플레이어가 돌아가게 할려면 어떻게 해야 하나요
지금은
<param name="autostart" value="false">라고 해놨거든요
이렇게 안하면 페이지가 떴을때 레이어 열기와 상관없이 동영상이 플레이 되더라구요
그래서 제어를 해줘야 하는데..
아래 소스를 보시고 좋은 답변 부탁 드리겠습니다.~!
<script>
<!--
function showMenu(name) {
if(name.style.display != "none") {
name.style.display = "none"
}else {
for(i=1; i<4; i++){
document.getElementById("Cmenu"+i).style.display = "none";
}
name.style.display = "";
}
}
-->
</script>
<!--
function showMenu(name) {
if(name.style.display != "none") {
name.style.display = "none"
}else {
for(i=1; i<4; i++){
document.getElementById("Cmenu"+i).style.display = "none";
}
name.style.display = "";
}
}
-->
</script>
<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td width="686">
<!-- Cmenu1 S -->
<div id="Cmenu1" style="display:">
<table border="0" cellpadding="0" cellspacing="0">
<tr><td colspan="2" height="15"></td></tr>
<Tr><Td colspan="2" ></td></tr>
<tr>
<td width="300" height="35">1번 동영상</td>
<td width="300" align="right"><a href="#" onclick="showMenu(Cmenu2)" >1번 동영상과 레이어 열기</a></td>
</tr>
<tr><td colspan="2" height="1" bgcolor="#ffc4d5"></td></tr>
<tr>
<td height="35" > 2번 동영상</td>
<td align="right"><a href="#" onclick="showMenu(Cmenu3)" > 2번 동영상과 레이어 열기</a></td>
</tr>
</table>
</div>
<!-- Cmenu1 E -->
<!-- Cmenu2 S -->
<div id="Cmenu2" style="display:none">
<table border="0" cellpadding="0" cellspacing="0">
<tr><td colspan="2" height="15"></td></tr>
<tr>
<td width="300" height="35"> 1번 동영상</td>
<td width="300" align="right">아래 동영상 실행중</td>
</tr>
<tr>
<td colspan="2" bgcolor="#f3f3f3" align="center">
<OBJECT ID="Player"
CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<PARAM name="UIMODE" value="NONE">
<PARAM name="autoStart" value="false">
<PARAM name="URL" value="동영상1.wmv">
</OBJECT>
</td>
</tr>
<tr>
<td colspan="2"><a href="#" onclick="Player.controls.play();"> 재생</a> <a href="#" onclick="Player.controls.pause();">일시정지</a> <a href="#" onclick="Player.controls.stop();">정지</a>
</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="35">2번 동영상</td>
<td align="right"><a href="#" onclick="showMenu(Cmenu3)" > 2번 동영상과 레이어 열기</a></td>
</tr>
<tr><td colspan="2" height="1" bgcolor="#ffc4d5"></td></tr>
</table>
</div>
<!-- Cmenu2 E -->
<!-- Cmenu3 S -->
<div id="Cmenu3" style="display:none">
<table border="0" cellpadding="0" cellspacing="0">
<tr><td colspan="2" height="15"></td></tr>
<tr>
<td width="300" height="35"> 1번 동영상</td>
<td width="300" align="right"><a href="#" onclick="showMenu(Cmenu2)" > 1번 동영상과 레이어 열기</a></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="35">2번 동영상</td>
<td align="right">아래 동영상 실행중</td>
</tr>
<tr>
<td colspan="2" bgcolor="#f3f3f3" align="center">
<OBJECT ID="Player"
CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<PARAM name="UIMODE" value="NONE">
<PARAM name="autoStart" value="false">
<PARAM name="URL" value="동영상2.wmv">
</OBJECT>
</td>
</tr>
<tr>
<td colspan="2"><a href="#" onclick="Player.controls.play();"> 재생</a> <a href="#" onclick="Player.controls.pause();">일시정지</a> <a href="#" onclick="Player.controls.stop();">정지</a>
</td>
</tr>
<tr><td colspan="2" height="1" bgcolor="#ffc4d5"></td></tr>
</table>
</div>
<!-- Cmenu3 E -->
</td>
</tr>
</table><br>
<tr>
<td width="686">
<!-- Cmenu1 S -->
<div id="Cmenu1" style="display:">
<table border="0" cellpadding="0" cellspacing="0">
<tr><td colspan="2" height="15"></td></tr>
<Tr><Td colspan="2" ></td></tr>
<tr>
<td width="300" height="35">1번 동영상</td>
<td width="300" align="right"><a href="#" onclick="showMenu(Cmenu2)" >1번 동영상과 레이어 열기</a></td>
</tr>
<tr><td colspan="2" height="1" bgcolor="#ffc4d5"></td></tr>
<tr>
<td height="35" > 2번 동영상</td>
<td align="right"><a href="#" onclick="showMenu(Cmenu3)" > 2번 동영상과 레이어 열기</a></td>
</tr>
</table>
</div>
<!-- Cmenu1 E -->
<!-- Cmenu2 S -->
<div id="Cmenu2" style="display:none">
<table border="0" cellpadding="0" cellspacing="0">
<tr><td colspan="2" height="15"></td></tr>
<tr>
<td width="300" height="35"> 1번 동영상</td>
<td width="300" align="right">아래 동영상 실행중</td>
</tr>
<tr>
<td colspan="2" bgcolor="#f3f3f3" align="center">
<OBJECT ID="Player"
CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<PARAM name="UIMODE" value="NONE">
<PARAM name="autoStart" value="false">
<PARAM name="URL" value="동영상1.wmv">
</OBJECT>
</td>
</tr>
<tr>
<td colspan="2"><a href="#" onclick="Player.controls.play();"> 재생</a> <a href="#" onclick="Player.controls.pause();">일시정지</a> <a href="#" onclick="Player.controls.stop();">정지</a>
</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="35">2번 동영상</td>
<td align="right"><a href="#" onclick="showMenu(Cmenu3)" > 2번 동영상과 레이어 열기</a></td>
</tr>
<tr><td colspan="2" height="1" bgcolor="#ffc4d5"></td></tr>
</table>
</div>
<!-- Cmenu2 E -->
<!-- Cmenu3 S -->
<div id="Cmenu3" style="display:none">
<table border="0" cellpadding="0" cellspacing="0">
<tr><td colspan="2" height="15"></td></tr>
<tr>
<td width="300" height="35"> 1번 동영상</td>
<td width="300" align="right"><a href="#" onclick="showMenu(Cmenu2)" > 1번 동영상과 레이어 열기</a></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="35">2번 동영상</td>
<td align="right">아래 동영상 실행중</td>
</tr>
<tr>
<td colspan="2" bgcolor="#f3f3f3" align="center">
<OBJECT ID="Player"
CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<PARAM name="UIMODE" value="NONE">
<PARAM name="autoStart" value="false">
<PARAM name="URL" value="동영상2.wmv">
</OBJECT>
</td>
</tr>
<tr>
<td colspan="2"><a href="#" onclick="Player.controls.play();"> 재생</a> <a href="#" onclick="Player.controls.pause();">일시정지</a> <a href="#" onclick="Player.controls.stop();">정지</a>
</td>
</tr>
<tr><td colspan="2" height="1" bgcolor="#ffc4d5"></td></tr>
</table>
</div>
<!-- Cmenu3 E -->
</td>
</tr>
</table><br>
댓글 전체
function showMenu(name) {
if(name.style.display != "none") {
name.style.display = "none"
} else {
for(i=1; i<4; i++) {
document.getElementById("Cmenu"+i).style.display = "none";
}
name.style.display = "";
Player.controls.play(); // ID(Player) 는 중복되지 않게 바꿔주셔야겠죠.
}
}
이러면 될것 같은데요...
if(name.style.display != "none") {
name.style.display = "none"
} else {
for(i=1; i<4; i++) {
document.getElementById("Cmenu"+i).style.display = "none";
}
name.style.display = "";
Player.controls.play(); // ID(Player) 는 중복되지 않게 바꿔주셔야겠죠.
}
}
이러면 될것 같은데요...
답변 감사합니다.
저도 그렇게 해봤구요.
안되길래 질문올렸는데.. 답변 보고 모든걸 지우고 딱 저 소스만 올려보니
되는군요 황당 ㅠㅠ
한가지만 더 여쭤볼게요.
위에 소스를 보면 레이어가 여러개인데요..
그 레이어마다 <OBJECT id 를 레이어에 따라 모두 다르게 해주려면
스크립트에 어떻게 적용해야 하나요???
저도 그렇게 해봤구요.
안되길래 질문올렸는데.. 답변 보고 모든걸 지우고 딱 저 소스만 올려보니
되는군요 황당 ㅠㅠ
한가지만 더 여쭤볼게요.
위에 소스를 보면 레이어가 여러개인데요..
그 레이어마다 <OBJECT id 를 레이어에 따라 모두 다르게 해주려면
스크립트에 어떻게 적용해야 하나요???
onClock 이벤트에 showMenu()를 호출할때 인자를 하나 더 보내세요.
showMenu(Cmenu3,player1) 식으로...
그런다음 showMenu() 를
function showMenu(name,id) {
if(name.style.display != "none") {
name.style.display = "none"
} else {
for(i=1; i<4; i++) {
document.getElementById("Cmenu"+i).style.display = "none";
}
name.style.display = "";
id.controls.play(); // ID(Player) 는 중복되지 않게 바꿔주셔야겠죠.
}
}
이렇게 하시면 되겠네요.
showMenu(Cmenu3,player1) 식으로...
그런다음 showMenu() 를
function showMenu(name,id) {
if(name.style.display != "none") {
name.style.display = "none"
} else {
for(i=1; i<4; i++) {
document.getElementById("Cmenu"+i).style.display = "none";
}
name.style.display = "";
id.controls.play(); // ID(Player) 는 중복되지 않게 바꿔주셔야겠죠.
}
}
이렇게 하시면 되겠네요.
감사합니다.
잘 되네요.
처음에 안된 이유는 대소문자를 구분 하지 않고 사용해서 생긴 문제 였네요..덜덜..
오프젝트 아이디에 대소문자와 인자 호출시 대소문자를 잘 못 써서 오류가 떴었습니다.
무사히 해결 되어 기분 좋네요
감사합니다 ^^
잘 되네요.
처음에 안된 이유는 대소문자를 구분 하지 않고 사용해서 생긴 문제 였네요..덜덜..
오프젝트 아이디에 대소문자와 인자 호출시 대소문자를 잘 못 써서 오류가 떴었습니다.
무사히 해결 되어 기분 좋네요
감사합니다 ^^