레이어와 미디어 플레이어를 동시에 컨트롤 하고 싶은데요..소스좀 봐주세요. > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

레이어와 미디어 플레이어를 동시에 컨트롤 하고 싶은데요..소스좀 봐주세요. 정보

레이어와 미디어 플레이어를 동시에 컨트롤 하고 싶은데요..소스좀 봐주세요.

첨부파일

Noname4.html (3.4K) 7회 다운로드 2007-11-20 14:01:04

본문

아래 소스를 보시면 레이어를 열면 미디어 플레이어가 실행되게 되어 있는데요
레이어 열면서 동시에 미디어 플레이어가 돌아가게 할려면 어떻게 해야 하나요
 
지금은
<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>
<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>

댓글 전체

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) 는 중복되지 않게 바꿔주셔야겠죠.
}
}


이러면 될것 같은데요...
답변 감사합니다.

저도 그렇게 해봤구요.
안되길래 질문올렸는데.. 답변 보고 모든걸 지우고 딱 저 소스만 올려보니
되는군요 황당 ㅠㅠ

한가지만 더 여쭤볼게요.

위에 소스를 보면 레이어가 여러개인데요..
그 레이어마다 <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) 는 중복되지 않게 바꿔주셔야겠죠.
}
}

이렇게 하시면 되겠네요.
감사합니다.
잘 되네요.

처음에 안된 이유는 대소문자를 구분 하지 않고 사용해서 생긴 문제 였네요..덜덜..

오프젝트 아이디에 대소문자와 인자 호출시 대소문자를 잘 못 써서 오류가 떴었습니다.

무사히 해결 되어 기분 좋네요
감사합니다 ^^
전체 10 |RSS
그누4 질문답변 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT