[스크랩] 자신의 블로그에 미디어을 색다르게 적용하기

Embed 플래이어 설정법

 

보통 블로그나 웹에 미디어을 자료을 올리시려면 embed 로 불러 오면 기본 플래이어 형태만으로 재생이 됩니다. 오늘은 좀더 다양한 방법의 형태로 만드는 방법에 대하여 알아 보겠습니다. 물론 약간의  태그수정만으로도 수정이 가능합니다.  하지만 미디어자료을 자신의 홈페이지같은 곳에 올리때는 아래내용들을 참고하시면 도움이 될거예요...

 

플래이어의 형태를 변경 할려면 우선 embed 의 type 을 넣어주고 microsoft사의 pluginspage 를 넣어 주어야 합니다.
<embed type='application/x-mplayer2' pluginspage='http://www.microsoft.com/windows/mediaplayer/download/default.asp'>

. 다음 알아야 할것은 파라미터의 속성 입니다. 각각의 값은 1 이면 보이고 0 이면 보이지 안습니다.

 

1.SHOWCONTROLS 만 나타내는 방법

<Embed type='application/x-mplayer2' pluginspage='http://www.microsoft.com/windows/mediaplayer/download/default.asp'  FileName="http://음악주소" width=300  SHOWCONTROLS=1 AUTOSTART=1 PlayCount=0> </Embed>

 

- 결과보기 -

• 위에서 설명한 type 과 pluginspage 를 넣어준다음 SHOWCONTROLS=1 을 추가 합니다.
• AUTOSTART=1 은 자동 실행 PlayCount=0 은 음악을 계속 실행하라는것 입니다.
• http://음악주소 에는 음악 파일의 주소를 넣으세요.
• 팁 : SHOWCONTROLS=1 을 SHOWCONTROLS=0 로 바꾸면 플래이어가 보이지 않습니다.

2. SHOWSTATUSBAR 와 함께 나타내기
SHOWCONTROLS=1 에 SHOWSTATUSBAR=1을 추가 하시면 됩니다.

<Embed type='application/x-mplayer2' pluginspage='http://www.microsoft.com/windows/mediaplayer/download/default.asp'  FileName="http://음악주소" width=300  SHOWCONTROLS=1 SHOWSTATUSBAR=1 AUTOSTART=1 PlayCount=0></Embed>

 

- 결과보기 -

3. SHOWDISPLAY 추가하기
SHOWDISPLAY=1을 추가 합니다.
<Embed type='application/x-mplayer2' pluginspage='http://www.microsoft.com/windows/mediaplayer/download/default.asp'  FileName="http://음악주소" width=300  SHOWCONTROLS=1 SHOWSTATUSBAR=1 SHOWDISPLAY=1 AUTOSTART=1 PlayCount=0></Embed>

- 결과 보기 -

4. SHOWGOTOBAR 추가하기
SHOWGOTOBAR=1을 추가 합니다.

<Embed type='application/x-mplayer2' pluginspage='http://www.microsoft.com/windows/mediaplayer/download/default.asp'  FileName="http://음악주소" width=300  SHOWCONTROLS=1 SHOWSTATUSBAR=1 SHOWDISPLAY=1 SHOWGOTOBAR=1 AUTOSTART=1 PlayCount=0> </Embed>

- 결과보기 -

 

5. SHOWSTATUSBAR 만 나타내기
SHOWCONTROLS, SHOWDISPLAY, SHOWGOTOBAR,은 각각 "0" 으로 하고 SHOWSTATUSBAR 만 "1"로 합니다.

<Embed type='application/x-mplayer2' pluginspage='http://www.microsoft.com/windows/mediaplayer/download/default.asp'  FileName="http://음악주소" width=300  SHOWCONTROLS=0 SHOWSTATUSBAR=1 SHOWDISPLAY=0 SHOWGOTOBAR=0 AUTOSTART=1 PlayCount=0></Embed>

 

-  결과보기 -

6. SHOWDISPLAY 만 나타내기.
SHOWCONTROLS, SHOWSTATUSBAR, SHOWGOTOBAR,은 각각 0 으로 하고 SHOWDISPLAY 만 1 로 합니다.
<Embed type='application/x-mplayer2' pluginspage='http://www.microsoft.com/windows/mediaplayer/download/default.asp'  FileName="http://음악주소" width=300  SHOWCONTROLS=0 SHOWSTATUSBAR=0 SHOWDISPLAY=1 SHOWGOTOBAR=0 AUTOSTART=1 PlayCount=0></Embed>

 

 

이상이 embed 로 불러오는 윈도우 미디어 플래이어의 모양을 설정하는 방법 입니다.
- 결과 보기 -

 

 

. 참고사항
style 를 이용 하여 예제로 보여드린 그림과 같이 플래이어의 테두리도 만들수 있습니다

<Embed type='application/x-mplayer2' pluginspage='http://www.microsoft.com/windows/mediaplayer/download/default.asp'  FileName="http://음악주소" width=300  SHOWCONTROLS=1 SHOWSTATUSBAR=1 SHOWDISPLAY=1 SHOWGOTOBAR=1 AUTOSTART=1 PlayCount=0 style="border:5 #A1BADF solid;"></Embed>

 

- border 결과보기 -

 

. embed 태그 속성

<embed src="음악주소/미디어 주소" autostart=true/false hidden=true/false loop=true/false>

autostart="true/false" → true의 경우 로딩되자마자 자동실행되고 false의 경우 그 반대죠^^
hidden="true/false" → 음악조절판이 true의 경우 보이지 않고 반대로 false의 경우 보이게 됩니다.
loop="true/false" → true일 경우 계속 반복, false일 경우 한번만 반복이져^^ 
width="수치" height="수치"  → 음악조절판의 좌우높이 조절을 하는 옵션입니다.
Showcontrols="value" → 미디어 플레이어, value 값은 0 , 1 (재생창만 보이도록 하려면 0 값, 컨트롤 창을 나타내려면 1값)
VOLUME = "수치값" → 플레이 되는 음악의 소리 크기를 임의로 설정하는 속성입니다. 

hspace="value" vspace="value" → 미디어 플레이어의 수직/수평 여백값을 조절하는 옵션

mute=1 로 하면 음소거.  아래에 있는 미디어을 Play 버튼을 꾹~~~  눌러보세요.

참고로 파라미터의 속성을 "true"은 "1"로 "false"은  "0"으로 표현해도 됩니다.

 

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이면 감추기

 

펌글

출처 : 토지사랑모임카페

글쓴이 : 선영 원글보기

메모 :