RadarURL

웹 프로그래밍
2010.01.07 00:18

Embed 태그의 활용

조회 수 6862 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
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
?

공부 게시판

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

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
공지 [공지] 공부 게시판 입니다. 처누 2003.08.18 931244
2503 유닉스/리눅스 리눅스 서버 설치 중 에러 "Failed to find a suitable stage1 device" JaeSoo 2025.10.03 37
2502 유닉스/리눅스 Linux 11 . Linux 설치 시 lvm 수동설정 JaeSoo 2025.10.03 28
2501 유닉스/리눅스 [Rocky Linux] 누구나 쉽게 따라하는 Rocky Linux 9.0 OS 다운로드 및 설치 방법~!! JaeSoo 2025.10.03 42
2500 유닉스/리눅스 Linux/Rocky Linux Rocky Linux : Composer 설치 JaeSoo 2025.09.29 43
2499 유닉스/리눅스 [Rocky Linux] 록키 리눅스 최신 업데이트 적용 방법 JaeSoo 2025.09.29 44
2498 유닉스/리눅스 rocky linux 커널 업데이트 JaeSoo 2025.09.29 36
2497 웹서버,WAS [Windows] OWASP ZAP 사용법 JaeSoo 2025.09.29 50
2496 웹서버,WAS [웹 취약점] 웹서버 디렉토리 리스팅 방지 JaeSoo 2025.09.29 52
2495 유닉스/리눅스 Clonezilla(클론질라) 백업파일 하드디스크로 복구 방법 JaeSoo 2025.09.28 44
2494 유닉스/리눅스 클론질라 사용 방법 - OS 이미지 백업 CloneZilla JaeSoo 2025.09.28 57
2493 유닉스/리눅스 [Linux / Rocky] FTP 접속 관련 설정 실습 예제 JaeSoo 2025.09.23 73
2492 유닉스/리눅스 Could not reliably determine the server's fully qualified domain name JaeSoo 2025.09.23 72
2491 유닉스/리눅스 [아파치] 아파치 웹서버에 .htaccess 파일 설정하는 방법 JaeSoo 2025.09.23 65
2490 유닉스/리눅스 [Linux] Apache web server의 rewrite module 사용하기 [출처] [Linux] Apache web server의 rewrite module 사용하기|작성자 g00dmoney JaeSoo 2025.09.23 61
2489 유닉스/리눅스 록키 리눅스 9.1에서 apache, mysql, PHP 설치 JaeSoo 2025.09.23 68
2488 유닉스/리눅스 [권한문제] 라이믹스 Fatal error: Uncaught Rhymix\Framework\Exception: Cannot write template cache file JaeSoo 2025.09.23 57
2487 유닉스/리눅스 라이믹스 php 에러 표시 JaeSoo 2025.09.23 53
2486 유닉스/리눅스 Rocky Linux - 라이믹스(Rhymix) 설치하기 JaeSoo 2025.09.23 50
2485 유닉스/리눅스 라이믹스(Rhymix) 매뉴얼 JaeSoo 2025.09.23 46
2484 유닉스/리눅스 [ Apache ] 아파치 start/stop/restart 명령어 JaeSoo 2025.09.23 37
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 126 Next
/ 126


즐겨찾기 (가족)

JAESOO's HOMEPAGE


YOUNGAE's HOMEPAGE


장여은 홈페이지


장여희 홈페이지


장여원 홈페이지


즐겨찾기 (업무)

알리카페 홀릭

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

말레이시아 KL Sentral 한국인 GuestHouse


즐겨찾기 (취미)

어드민아이디

유에코 사랑회

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

JServer.kr

제이서버 메타블로그

재수 티스토리


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

재수 강의 홈페이지


한소리


VTMODE.COM


숭실대 인공지능학과


숭실대 통신연구실


베너