RadarURL

웹 프로그래밍
2010.01.07 00:18

Embed 태그의 활용

Views 6843 Votes 0 Comment 0
?

Shortcut

PrevPrev Article

NextNext Article

Larger Font Smaller Font Up Down Go comment Print
?

Shortcut

PrevPrev Article

NextNext Article

Larger Font Smaller Font Up Down Go comment Print
Embed 태그는 mp3, asf, wma, wmv, swf 등 동영상 관련 파일들을 게시판에 포함시킬 때 일반적으로 사용하는 태그이다(Object 태그도 Embed 태그와 동일한 용도로 사용된다.).


Embed 태그에 대한 자세한 사용 방법을 알아보자.



1. 기본형


  <embed src="mms://vod.test.org/sample/content01.wmv“>
 - src: 음악 파일의 주소



사용자 삽입 이미지



옵션 없이 실행했을 때의 플레이어의 모습니다.



2. 플레이어의 크기 조절
음악 파일이나 동영상을 재생할 때 Embed 태그의 width, height 값을 설정하지 않으면 기본 크기로 재생이 됩니다. 사용자가 동영상의 크기를 조절할 필요가 없다면 생략하는 것이 좋습니다.


  <embed src="mms://vod.test.org/sample/content01.wmv“ width=640 height=480>



3. 플레이어의 형태 변경하기
Embed 태그의 속성값을 변경하여 플레이어의 모양을 마음대로 변경할 수 있습니다. 속성 값은 true(보이기)나 false(감추기) 값을 가질 수 있으며, true나 false 대신에 1과 0으로 설정할 수도 있습니다.




사용자 삽입 이미지



 1) 트래커, 컨트롤 바 보이기: showcontrols=true(디폴트)
     showtracker: 트랙커
     showaudiocontrols: 볼륨콘트롤
     showpositioncontrols: 이전 곡, 다음 곡 버튼 등으로 세부 설정도 가능


 2) 바로가기 보이기: showgotobar=true
 3) 파일정보 보이기: showdisplay=true
 4) 상황선 보이기: showstatusbar=true


이들 속성은 중복 설정이 가능하며, 모든 속성을 다 설정하면 위 그림과 같다.



4. 추천하는 플레이어 모양


너무 만은 플레이어의 모양을 꺼네 놓으면 화면만 차지하므로 적절한 형태를 추천한다.




사용자 삽입 이미지



  <embed src="mms://vod.test.org/sample/content01.wmv" showcontrols=true showstatusbar=true>



5. 기타 속성


 1) 자동 시작: autostart=true(디폴트)
 2) 재생 횟수: loop=1(디폴트)  loop=3(3회 반복 재생), loop=0(무한 반복)
 3) 재생 볼륨: volume=-6000(디폴트)  volume 값은 -10000~0 사이의 값을 갖는다.
 4) 좌우 밸런스: balance=0(디폴트)  밸런스 값은 -10000~10000 사이의 값을 갖는다.
 5) 플레이어 감추기: hidden=false(디폴트)
 6) 메뉴 금지: enablecontextmenu=false(디폴트)  오른쪽 마우스를 사용할 수 없도록 한다.



추천 예)
노래:
<embed src="노래주소" showcontrols=true showstatusbar=true autostart=true loop=0 volume=0 hidden=false>


동영상: <embed src="동영상주소" showcontrols=true showstatusbar=true>



6. 플레이어에 색깔 넣기
플레이어에 색깔을 넣는 것은 사실은 색깔을 넣는 것이 아니라 Embed에 필터를 적용하는 것입니다.
 style="filter:gray()": 회색
 style="filter:xray()": 검정색


사용 예)
  <embed src="mms://vod.ninenine.org/sample/video01.wmv" style="filter:gray()">



출처 : http://jungkooki.byus.net/1711
?

공부 게시판

공부에 도움되는 글을 올려주세요.

  1. [공지] 공부 게시판 입니다.

    Date2003.08.18 By처누 Views928082
    read more
  2. http를 https로 리다이렉트하는 여러가지 방법

    Date2025.09.10 Category웹서버,WAS ByJaeSoo Views0
    Read More
  3. SSL인증서 없이 HTTPS에서 HTTP로 되돌리기

    Date2025.09.10 Category웹서버,WAS ByJaeSoo Views0
    Read More
  4. [SSL] win-acme, Let's encrypt로 무료 SSL 인증서 발급

    Date2025.09.10 Category웹서버,WAS ByJaeSoo Views0
    Read More
  5. [SSL] Windows 10에서 Let's Encrypt로 SSL 인증서 무료 발급받기

    Date2025.09.10 Category웹서버,WAS ByJaeSoo Views0
    Read More
  6. 무료로 https SSL/TLS 인증서를 발급받을 수 있는 인증 기관

    Date2025.09.10 Category웹서버,WAS ByJaeSoo Views0
    Read More
  7. 아파치 서버에 https SSL 인증서 적용하는 방법 (apache httpd)

    Date2025.09.10 Category웹서버,WAS ByJaeSoo Views0
    Read More
  8. 아파치2(Apache2) SSL HTTPS 적용하기

    Date2025.09.10 Category웹서버,WAS ByJaeSoo Views0
    Read More
  9. 아파치 웹서버에 멀티 도메인에 대한 80, 443 포트 설정하는 방법

    Date2025.09.10 Category웹서버,WAS ByJaeSoo Views0
    Read More
  10. Google Photo 대신 Immich를 써보자

    Date2025.08.07 Category소프트웨어 ByJaeSoo Views126
    Read More
  11. 남자 혹은 여자 진국 팁

    Date2025.07.24 Category연애 ByJaeSoo Views116
    Read More
  12. MBTI검사 16가지 유형 “간단 명료”하게 정리!

    Date2025.07.01 Category기타 ByJaeSoo Views132
    Read More
  13. [사진관리] PhotoPrism vs LibrePhoto 비교 소감

    Date2025.05.19 Category소프트웨어 ByJaeSoo Views14
    Read More
  14. MDF실, TPS실, EPS실 이게 뭘까?

    Date2025.04.15 Category네트워크 ByJaeSoo Views33
    Read More
  15. 알아두면 좋은 직장인 용어 정리

    Date2025.04.15 Category업무 ByJaeSoo Views37
    Read More
  16. 감기·독감·코로나19의 차이점, 신촌연세병원과 함께 알아봅시다.

    Date2025.01.08 Category건강 ByJaeSoo Views28
    Read More
  17. 집주인이 전세 보증금을 돌려주지 않을 때

    Date2024.11.29 Category생활 ByJaeSoo Views26
    Read More
  18. 자전거 타이어 종류 및 추천 2편 (승차감 타이어, 국토종주!)

    Date2024.10.15 Category자동차 ByJaeSoo Views53
    Read More
  19. 오도바이 센타 사장들은 어떤 브랜드를 싫어하고 좋아할까? [출처] 오도바이 센타 사장들은 어떤 브랜드를 싫어하고 좋아할까?|작성자 바이크신

    Date2024.10.15 Category자동차 ByJaeSoo Views78
    Read More
  20. 윈도우 자동 로그온 설정이 보이지 않을 때 조치사항

    Date2024.08.16 Category윈도우즈 ByJaeSoo Views203
    Read More
  21. 갤럭시S22 시리즈에서 SKT LTE 무제한 핫스팟 쓰는 방법! (SKT LTE 요금제만 해당!)

    Date2024.08.12 Category모바일 ByJaeSoo Views234
    Read More
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 124 Next
/ 124


즐겨찾기 (가족)

JAESOO's HOMEPAGE


YOUNGAE's HOMEPAGE


장여은 홈페이지


장여희 홈페이지


장여원 홈페이지


즐겨찾기 (업무)

알리카페 홀릭

숭실대 컴퓨터 통신연구실 (서창진)

말레이시아 KL Sentral 한국인 GuestHouse


즐겨찾기 (취미)

어드민아이디

유에코 사랑회

아스가르드 좋은사람/나쁜사람

JServer.kr

제이서버 메타블로그

재수 티스토리


즐겨찾기 (강의, 커뮤니티)

재수 강의 홈페이지


한소리


VTMODE.COM


숭실대 인공지능학과


숭실대 통신연구실


베너