태그인넷 - 자바스크립트


추천스크립트

윈도우 , 프레임

공지창, 스크롤러

테이블, 레이어

이미지, 배경, 배너

폼, 버튼

스크롤바, 타이틀바, 상태바

메뉴, 네비게이션

시간 , 계산 , 숫자

키보드 마우스 이벤트

사용자 정보

쿠키

보안, 인증 , 비밀번호

글자 , 텍스트

동영상, 사운드 멀티미디어

마법사, 생성기

기타, 자바스크립트 게임

태그
 

나모웹에디터 기초강좌

나모 중급 강좌

 태그

쓰기 레벨 : 모든 회원


접속된 회원 및 총회원 목록보기 현재 0분께서 회원으로 접속해 있습니다. 0 회원가입 회원로그인
100 　1/5
운영자 님께서 남기신 글
음악/동영상 태그 (embed, object)

 미리보기       [스크랩]
Link

 태그인넷  음악/동영상 태그 목차

 embed

1. 기본형

 

2. type 설정

 

3. 형태 설정

 

4. 세부 설정

 

5. 스타일 주기

 object 6. 세부설정
 

7. 버퍼링시 이미지 보여주기

 

8. 버퍼링시 플래시 보여주기

1. 기본형

<embed src="http://tagin.net/js/1.wmv">

기본형 embed 태그의 경우 wmv, wma, asf 등이 윈도우미디어플레이어와 연결되어 있지 않으면 재생되지 않는 단점이 있습니다.
따라서 type 옵션으로 플레이어를 지정해주거나 object 태그를 써주면 좋습니다.

 

2. type 설정

확장자
확장자
확장자
플레이어
플레이어

wmv  
asf    
avi     
플래시
윈도우미디어플레이어 mplayer로 설정

<embed src=http://tagin.net/js/1.wmv type=video/x-ms-wmv>
<embed src=http://tagin.net/js/1.wmv type=video/x-ms-asf>
<embed src=http://tagin.net/js/1.wmv type=video/avi>
<embed src=http://tagin.net/js/1.wmv type=application/x-shockwave-flash> 
<embed src=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://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://tagin.net/js/1.wmv" style="FILTER: alpha(opacity=50 Style=2 FinishOpacity=10)gray(); " src="http://tagin.net/js/1.wmv" >

<EMBED style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=5) invert();" src="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://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://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>

 
리스트   이전 다음


Copyright 1999-2010 Zeroboard / skin by 신의키스

Copyright 2004 tagin.net All rights reserved