레이어와 미디어 플레이어를 동시에 컨트롤 하고 싶은데요..소스좀 봐주세요.
아래 소스를 보시면 레이어를 열면 미디어 플레이어가 실행되게 되어 있는데요
레이어 열면서 동시에 미디어 플레이어가 돌아가게 할려면 어떻게 해야 하나요
지금은
<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>
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인
댓글 4개
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 를 레이어에 따라 모두 다르게 해주려면
스크립트에 어떻게 적용해야 하나요???
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) 는 중복되지 않게 바꿔주셔야겠죠.
}
}
이렇게 하시면 되겠네요.
잘 되네요.
처음에 안된 이유는 대소문자를 구분 하지 않고 사용해서 생긴 문제 였네요..덜덜..
오프젝트 아이디에 대소문자와 인자 호출시 대소문자를 잘 못 써서 오류가 떴었습니다.
무사히 해결 되어 기분 좋네요
감사합니다 ^^