홈으로 | 무료회원가입 | 아이디/비번찾기
추천음악방송
embed태그를 대체할만한 태그
15년 전

음악을 넣을때 사용하는 태그입니다. time2비헤비에어의 지배를 받고 있습니다. 아마 처음보는 분들도 계실겁니다.

<HTML xmlns:t="urn:schemas-microsoft-com:time">(필수!)
<IMPORT namespace='t' implementation='#default#time2'>(필수!)

<STYLE>
.f11 {font-size:11px;; letter-spacing: -1px; cursor: hand;}
.tdbgm { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 3px; }
.tdico { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 1px; }
</STYLE>
<body>

재생되는 핵심부분입니다
<T:MEDIA "behavior:url(#default#time2)"(필수!) id='mediaObj' src='http://cy01.img.or.kr/0/cybgm.asx' begin='definite' timeAction='visibility' onend='updateBtns();' ontrackchange='updateFields();' onmediacomplete="showd.innerHTML='재생버튼을 누르면 재생됩니다.';"/>
<TABLE cellSpacing=0 cellPadding=0 width="140" border=0>
<TBODY>
<TR>
<TD class=tdico width=16 height=16>
<IMG height=12 src=http://img.cyworld.nate.com/img/ico/cd_stop.gif width=12 align=absMiddle border=0></TD>
<TD class=tdbgm width="80">
<A class=f11><FONT color=#333333><span id=showd>로딩중</span></FONT></A>
</TD>
<td width="44" class="tdbgm">
<A class=f11><FONT color=#333333>
<a class=f11 id='btnStart' onclick='mediaObj.beginElement();updateBtns();updateFields();'>▶</a><a class=f11 id='btnPrev' onclick='mediaObj.playList.prevTrack();'>◁</a><a class=f11 id='btnNext' onclick='mediaObj.playList.nextTrack();'>▷</a><a class=f11 id='btnStop' onclick='mediaObj.endElement();clearFields();'>■</a></FONT>
</A>
</td>
</TR>
</TBODY>
</TABLE>

아래는 제어를 위한 스크립트 입니다.
<SCRIPT>function updateBtns(){if(mediaObj.currTimeState.isActive){btnStart.disabled=true;btnNext.disabled=false;btnPrev.disabled=false;btnStop.disabled=false;}else{btnStart.disabled=false;btnNext.disabled=true;btnPrev.disabled=true;btnStop.disabled=true;}}function updateFields(){str='<marquee id=music_mar DIRECTION=left scrollamount=2 width=80 height=2>'+mediaObj.playList.activeTrack.title+'</marquee>';strs=mediaObj.playList.activeTrack.title;showd.innerHTML=strs;setTimeout('showd.innerHTML=str;',2000);}function clearFields(){showd.innerHTML='정지됨';}updateBtns();function keyc(){if(event.keyCode==27){mediaObj.endElement();return false;}}document.body.attachEvent('onkeydown',keyc);</SCRIPT>
</body></HTML>

 

 

이제 비디오를 위한 태그를 보시겠습니다. 위에서 MEDIA가 아닌 VIDEO를 씁니다. 이것도 time2의 지배를 받습니다.

<HTML xmlns:t="urn:schemas-microsoft-com:time">
<IMPORT namespace='t' implementation='#default#time2'>

<STYLE>
.f11 {font-size:11px;; letter-spacing: -1px; cursor: hand;}
.tdbgm { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 3px; }
.tdico { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 1px; }
</STYLE>
<body>
<T:VIDEO "behavior:url(#default#time2)" id='mediaObj' src='http://61.109.246.42/cms/2006/10/09/mv_183455.wmv' begin='definite' timeAction='visibility' onend='updateBtns();' ontrackchange='updateFields();' onmediacomplete="showd.innerHTML='재생버튼을 누르면 재생됩니다.';"/>
<TABLE cellSpacing=0 cellPadding=0 width="140" border=0>
<TBODY>
<TR>
<TD class=tdico width=16 height=16>
<IMG height=12 src=http://img.cyworld.nate.com/img/ico/cd_stop.gif width=12 align=absMiddle border=0></TD>
<TD class=tdbgm width="80">
<A class=f11><FONT color=#333333><span id=showd>로딩중</span></FONT></A>
</TD>
<td width="44" class="tdbgm">
<A class=f11><FONT color=#333333>
<a class=f11 id='btnStart' onclick='mediaObj.beginElement();updateBtns();updateFields();'>▶</a><a class=f11 id='btnPrev' onclick='mediaObj.playList.prevTrack();'>◁</a><a class=f11 id='btnNext' onclick='mediaObj.playList.nextTrack();'>▷</a><a class=f11 id='btnStop' onclick='mediaObj.endElement();clearFields();'>■</a></FONT>
</A>
</td>
</TR>
</TBODY>
</TABLE>
<SCRIPT>function updateBtns(){if(mediaObj.currTimeState.isActive){btnStart.disabled=true;btnNext.disabled=false;btnPrev.disabled=false;btnStop.disabled=false;}else{btnStart.disabled=false;btnNext.disabled=true;btnPrev.disabled=true;btnStop.disabled=true;}}function updateFields(){str='<marquee id=music_mar DIRECTION=left scrollamount=2 width=80 height=2>재생중</marquee>';strs='재생중';showd.innerHTML=strs;setTimeout('showd.innerHTML=str;',2000);}function clearFields(){showd.innerHTML='정지됨';}updateBtns();function keyc(){if(event.keyCode==27){mediaObj.endElement();return false;}}document.body.attachEvent('onkeydown',keyc);</SCRIPT>
</body></HTML>


샘플 - http://www.musictag.net/zboard/zboard.php?id=Test&page=1&sn1=&divpage=1&sn=off&ss=on&sc=on&select_arrange=headnum&desc=asc&no=2430

추천추천 : 281 추천 목록
번호 제목
3,030
 제이쿼리 기본 명령어
3,029
 웹페이지 가로 모드세로 모드 인식하기
3,028
 모바일 웹 화면 강제 회전(가로모드 고정)
3,027
 [HTML5]에서 frameset 대체 방법과 iframe 속성
3,026
 HTML <Audio> 사용법
3,025
 윈도우10 시스템파일 손상 (초간단 오류 복구방법!!)
3,024
 PHP 파일 존재 여부 파악하기(로컬 파일 존재 및 원격지 파일 존재)
3,023
 [CSS] 박스 세로 가운데 중앙 정렬 6가지
3,022
 CSS Layout 수평 & 수직 정렬
3,021
 여러 도메인들 간 쿠키 공유하기
3,020
 태그 사이에 있는 텍스트를 추출
3,019
 [JQuery] textbox focus on off일때 숫자 콤마 보여주기
3,018
 쿠키 생성,가져오기,삭제
3,017
 사용자 함수 모음
3,016
 마우스,키보드 제한 ( 오른쪽클릭,드래그,영역선택등..)
3,015
 [HTML5] <video> - DOM으로 제어하기
3,014
 HTML5 video 태그에서 영상 좌우반전
3,013
 PHP - 특정 태그 및 문자열 추출, 제거
3,012
 [PHP] define과 defined의 차이
3,011
 우클릭 완벽차단 스크립트
3,010
 iframe 높이 100% 맞추기
3,009
 curl 함수를 이용한 HTTP REFERER 변경
3,008
 윈도우10 시스템 파일 및 Dism 검사
3,007
 텍스트 줄바꿈, 글자자르기 CSS
3,006
 jQuery Mobile에서 유용한 코드 10가지.
목록
뮤직트로트 부산광역시 부산진구 가야동 ㅣ 개인정보취급방침
Copyright (C) musictrot All rights reserved.