음악/동영상 태그 (embed,object)

태그인넷  음악/동영상 태그 목차  embed 1. 기본형   2. type 설정   3. 형태 설정   4. 세부 설정   5. 스타일 주기  object 6. 세부설정   7. 버퍼링시 이미지 보여주기   8. 버퍼링시 플래시 보여주기
1. 기본형
<embed src=http://img.yahoo.co.kr/blank.gif href="http://tagin.net/js/1.wmv" target=_blank>http://tagin.net/js/1.wmv">
기본형 embed 태그의 경우 wmv, wma, asf 등이 윈도우미디어플레이어와 연결되어 있지 않으면 재생되지 않는 단점이 있습니다. 따라서 type 옵션으로 플레이어를 지정해주거나 object 태그를 써주면 좋습니다.
2. type 설정
확장자 확장자 확장자 플레이어 플레이어	wmv   asf     avi     플래시 윈도우미디어플레이어 mplayer로 설정	<embed src=http://img.yahoo.co.kr/blank.gif href="http://tagin.net/js/1.wmv" target=_blank>http://tagin.net/js/1.wmv type=video/x-ms-wmv> <embed src=http://img.yahoo.co.kr/blank.gif href="http://tagin.net/js/1.wmv" target=_blank>http://tagin.net/js/1.wmv type=video/x-ms-asf> <embed src=http://img.yahoo.co.kr/blank.gif href="http://tagin.net/js/1.wmv" target=_blank>http://tagin.net/js/1.wmv type=video/avi> <embed src=http://img.yahoo.co.kr/blank.gif href="http://tagin.net/js/1.wmv" target=_blank>http://tagin.net/js/1.wmv type=application/x-shockwave-flash>  <embed src=http://img.yahoo.co.kr/blank.gif href="http://tagin.net/js/1.wmv" target=_blank>http://tagin.net/js/1.wmv type=application/x-mplayer2>
3. 형태 설정
<embed  src="http://tagin.net/js/1.wmv"   SHOWCONTROLS=1> showcontrols=0일 경우 보이지 않습니다 <embed  src="http://tagin.net/js/1.wmv"  SHOWCONTROLS=1 SHOWSTATUSBAR=1> <embed  src="http://tagin.net/js/1.wmv"   SHOWDISPLAY=1 SHOWCONTROLS=0> <embed  src="http://tagin.net/js/1.wmv"   SHOWGOTOBAR=1   SHOWCONTROLS=1> <embed  src="http://tagin.net/js/1.wmv"   SHOWCONTROLS=0 SHOWSTATUSBAR=1 > <embed  src="http://tagin.net/js/1.wmv"  style="border:5 #A1BADF solid;" > 테두리가 생겼죠. border:5 - 선굵기 5 #A1BADF - 색상코드 solid - 실선(선의 모양)
4. 세부 설정
<embed type='application/x-mplayer2' pluginspage='http://www.microsoft.com/windows/mediaplayer/download/default.asp' src=http://img.yahoo.co.kr/blank.gif href="http://tagin.net/js/1.wmv" target=_blank>http://tagin.net/js/1.wmv" width=200 height=100%  SHOWCONTROLS=1 SHOWSTATUSBAR=1 SHOWDISPLAY=1 SHOWGOTOBAR=1 AUTOSTART=1  showpositioncontrols="1" showcontrols="1" EnableContextMenu="false"    transparentatstart="0" autosize="0" autostart="-1" animationatstart="0" ShowCaptioning="true" SAMIFileName="http://tagin.net/js/1.smi" volume="0" loop=true>
type='application/x-mplayer2'  플레이어 지정 pluginspage='http://www.microsoft.com/windows/mediaplayer/download/default.asp'  플레이어 다운로드페이지 width=가로픽셀 height="세로픽셀"  크기 지정, %로 지정해도 됩니다 transparentatstart="0"  버퍼링시 윈도우 로고를 보여줄 지 설정 0은 안 보여줌, 1은 보여줌 EnableContextMenu="false"    마우스 오른쪽 메뉴 보기 설정 false는 막기, true는 보여주기 autosize="0"  화면 크기가 파일 고유의 사이즈로 될지에 대한 옵션 ShowCaptioning="true" 자막보여주기 true 보여주기 , false 자막보여주지 않기 autostart="true"  로딩시 자동시작할지 설정 true자동시작, false는 자동시작안 함 loop=true 계속 반복 ,loop=false 는 반복 안 함
5. 스타일 주기 <EMBED style="FILTER: xray();" src="http://tagin.net/js/1.wmv">  <EMBED src=http://img.yahoo.co.kr/blank.gif href="http://tagin.net/js/1.wmv" target=_blank>http://tagin.net/js/1.wmv" style="FILTER: alpha(opacity=50 Style=2 FinishOpacity=10)gray(); " src=http://img.yahoo.co.kr/blank.gif href="http://tagin.net/js/1.wmv" target=_blank>http://tagin.net/js/1.wmv" > <EMBED style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=5) invert();" src=http://img.yahoo.co.kr/blank.gif href="http://tagin.net/js/1.wmv" target=_blank>http://tagin.net/js/1.wmv" > <EMBED style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=5) blur(direction=135,strength=100);"   src="http://tagin.net/js/1.wmv" >
6. object 태그 세부설정
윈도우 미디어 9 버전용 (9버전이 설치되어있지 않으면 재생되지 않습니다) <object id="splayer" CLASSID="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6" width="250" CODEBASE='#Version=7,0,0,1954' height="250"> <param name="url" value="http://tagin.net/js/1.wmv"> <PARAM NAME="autoStart" value="True"> <PARAM NAME="PlayCount" VALUE="1"> <param NAME="stretchToFit" VALUE="true"> <param NAME="TransparentAtStart" VALUE="1"> <param NAME="SendkeyboardEvents" VALUE="1"> <param name="fullScreen" value="0"> <param name="mute" value="false"> <PARAM NAME="EnableContextMenu" VALUE="0"> <PARAM NAME="volume" VALUE="90"> <param NAME="Rate" VALUE="1"> <param NAME="SAMILang" VALUE> <param NAME="SAMIFileName" VALUE="자막주소"> <param name="captioningID" VALUE="caption"> <PARAM NAME="uimode" VALUE="full">  </object>
url : 동영상/음악의 주소를 적습니다 autostart : 자동재생할 것인지 설정합니다. true는 자동재생, false자동재생 안 함. playcount : 반복설정합니다. 0일 경우 무한재생, 1이면 한 번 재생 stretchtofit : 웹페이지에 동영상 크기를 크게 줄 경우 재생되는 화면도 같이 크게 할 지 설정합니다.                   1이면 화면 맞추기, 0이면 원본그대로 크기 고정 transparentatstart : 버퍼링시 배경을 투명하게 1은 투명, 0은 불투명. uiMode : 미디어 플레이어가 웹 페이지에 보여지는 사용자 인터페이스 양식을 결정하는 속성 입니다.               value는 none, mini, full, invisible, custom 이 있습니다.              <param name=uimode value= none> ---> 화면만 보입니다. 볼륨조절 플레이 버튼 등은 안 보임.              <param name=uimode value= mini>  ---> 간단하게 일부항목만 보임.              <param name=uimode value= full>    ---> 기본값, 검색바, 모든 버튼 등이 표시됨.              <param name=uimode value= invisible> 아무것도 표시되지 않습니다. EnableContextMenu : 마우스 오른쪽버튼 설정 0이면 마우스 오른쪽버튼 금지, 1이면 가능 ShowCaptioning : 자막 보이기 1이면 보이기 0이면 감추기
윈도우 미디어 플레이어 6.4 버전용 <object classid='clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95' id='MediaPlayer1' width="580" height="387">   <param name='AudioStream' value='-1'>   <param name='AutoSize' value='false'>   <param name='AutoStart' value='true'>   <param name='AnimationAtStart' value='true'>   <param name='AllowChangeDisplaySize' value='true'>   <param name='BufferingTime' value='5'>   <param name='DisplayBackColor' value='0'>   <param name='DisplayForeColor' value='16777215'>   <param name='Enabled' value='true'>   <param name='EnableContextMenu' value='true'>   <param name='EnableTracker' value='true'>   <param name='Mute' value='false'>   <param name='PlayCount' value='1'>   <param name='Rate' value='1'>   <param name='ShowCaptioning' value='1'>   <param name='ShowControls' value='true'>   <param name='ShowAudioControls' value='true'>   <param name='ShowDisplay' value='false'>   <param name='ShowGotoBar' value='false'>   <param name='ShowPositionControls' value='true'>   <param name='ShowStatusBar' value='false'>   <param name='ShowTracker' value='true'>   <param name='TransparentAtStart' value='false'>   <param name='Volume' value='-110'>   <param name="FileName" value="http://tagin.net/js/1.wmv">   <param NAME="SAMIFileName" VALUE="자막주소"> </object>
animationatstart : 버퍼링시 로고 보이기 1은 보이기 0은 안 보이기
7. 버퍼링시 이미지 보여주기
<table border="0" width="301" cellpadding="0" cellspacing="2" bgcolor="#CCCCCC">     <tr>         <td width="297" bgcolor="white" background=http://img.yahoo.co.kr/blank.gif href="http://tagin.net/img.gif">http://tagin.net/img.gif">             <p><OBJECT ID="tagin_net" WIDTH="302" HEIGHT="270" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"  type="application/x-oleobject">             <param name="Filename" value="http://tagin.net/js/1.wmv">             <param name="ShowControls" value="1">             <param name="ShowPositionControls" value="0">             <param name="AutoStart" value="1">             <param name="EnableContextMenu" value="0">          <param name='TransparentAtStart' value='1'>          <param name='AnimationAtStart' value='0'>          <embed type="application/x-mplayer2"></OBJECT></p> </td>     </tr> </table>
표를 만들고 보여줄 비디오가 재생되는 부분의 배경을 그림으로 지정해주면 됩니다. <param name='TransparentAtStart' value='1'> 배경을 투명하게 하는 옵션 0은 불투명, 1은 투명 <param name='AnimationAtStart' value='0'> 버퍼링시 로고보여주기 0은 안 보여주기, 1은 보여주기
8. 버퍼링시 플래시 보여주기
<table border="0" cellpadding="0" cellspacing="0" width="320" height="240">     <tr>         <td width="320">             <p>                           <OBJECT ID=NSPlay Name=NSPlay classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"   codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715"                standby="Loading Microsoft Windows Media Player components..."  type="application/x-oleobject "             bgcolor="DarkBlue" width="320" Height="290">            <PARAM NAME="AutoStart" VALUE="false">                <PARAM NAME="AutoSize" VALUE="false">                 <PARAM NAME="AnimationAtStart" VALUE="0">                 <PARAM NAME="DisplayMode" VALUE="4">                 <PARAM NAME="Enabled" VALUE="1">                 <PARAM NAME="Filename" VALUE="http://tagin.net.asf">                 <PARAM NAME="ShowControls" VALUE="1">                 <PARAM NAME="ShowAudioControls" VALUE="1">                 <PARAM NAME="ShowDisplay" VALUE="false">                 <PARAM NAME="ShowGotoBar" VALUE="false">                 <PARAM NAME="ShowPositionControls" VALUE="1">                 <PARAM NAME="ShowStatusBar" VALUE="false">                 <PARAM NAME="Volume" VALUE="0">                 <PARAM NAME="ShowCaptioning" VALUE="0">                 <PARAM NAME="TransparentAtStart" value="1">                 <param name="ShowTracker" value="true">              <EMBED type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/"              id="tagin_net" Name="NSPlay" DisplaySize="4" AutoSize="false"  ShowControls="false"              ShowDisplay="false" ShowStatusBar="false"  width="320"   Height="337"              src="http://tagin.net/js/1.wmv"              AutoStart="false" AnimationAtStart="0" DisplayMode="4" Enabled="1" ShowAudioControls="1" ShowGotoBar="false" ShowPositionControls="1" Volume="0" ShowCaptioning="0" TransparentAtStart="1" ShowTracker="true">              </EMBED>              </OBJECT></p> </div> </p>        </td>     </tr> </table> <div id="layer2" style="width:320px; height:240px; position:absolute; left:5px; top:15px; z-index:1;">   <p><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="316" height="239">     <param name="movie" value="http://tagin.net/flash.swf">     <param name="quality" value="high">     <PARAM NAME="wmode" VALUE="transparent"> <embed src=http://img.yahoo.co.kr/blank.gif href="http://tagin.net/flash.swf" target=_blank>http://tagin.net/flash.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="327" height="239" wmode="transparent"></embed></object></p></div>

출처:http://tagin.net