RadarURL

웹 프로그래밍
2010.01.07 00:18

Embed 태그의 활용

조회 수 6843 추천 수 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 928103
298 웹 프로그래밍 메모리 부족 현상 (allowed memory size of 134217728 bytes..) JaeSoo 2023.08.01 2207
297 웹 프로그래밍 Guzzle - cURL error 60: SSL certificate problem: unable to get local issuer certificate 문제 해결 file JaeSoo 2023.07.30 2188
296 웹 프로그래밍 XE 캐시파일 재성생후 404 Oops, Sorry. Page is not found! 나올때 JaeSoo 2023.07.29 2117
295 웹 프로그래밍 XE - " Fatal error: Class 'Object' not found in " / class 낫파운드 오류 file JaeSoo 2023.03.20 147
294 웹 프로그래밍 iOS 앱 개발을 위한 인증서 생성 및 관리 file JaeSoo 2023.01.18 218
293 웹 프로그래밍 PHP 파서 이해하기 (<?php의 php를 생략하고 간단히 <? 태그 와 ?> 태그를 사용하는 방법) JaeSoo 2016.08.10 322
292 웹 프로그래밍 XE 비회원 글쓰기 항목 지우기 file JaeSoo 2016.04.28 499
291 웹 프로그래밍 오른쪽 마우스 금지 소스 / 드래그 금지 소스 JaeSoo 2016.01.20 475
290 웹 프로그래밍 Strict standards and C5 support errors JaeSoo 2015.12.02 524
289 웹 프로그래밍 ICT노트 :: 반응형웹을 만드는 기술은? file JaeSoo 2015.09.26 489
288 웹 프로그래밍 [번역] 2014년 가장 인기있는 5가지 프론트엔드 프레임워크 비교 file JaeSoo 2015.09.25 862
287 웹 프로그래밍 최고의 반응형 CSS 프레임워크 18선 (2013년 7월기준) file JaeSoo 2015.09.25 586
286 웹 프로그래밍 가장 진보된 반응형 웹을 위한 프레임워크 UIkit file JaeSoo 2015.09.25 559
285 웹 프로그래밍 반응형 웹을 위한 프론트-엔드 프레임 워크 (front-end framework for developing responsive web) file JaeSoo 2015.09.25 739
284 웹 프로그래밍 한국형 반응형웹 프레임웍을 찾아서 - 왜 우리는 IE 7,8때문에 고통받아야 하는가? file JaeSoo 2015.09.25 611
283 웹 프로그래밍 한국을 위한 CSS 그리드 디자인 프레임워크 JaeSoo 2015.09.25 531
282 웹 프로그래밍 과연 반응형 웹 디자인만이 해답일까? file JaeSoo 2015.09.25 535
281 웹 프로그래밍 반응형 웹 디자인의 단점 file JaeSoo 2015.09.25 567
280 웹 프로그래밍 웹디자인 신기술 트렌드 및 적용 사례 file JaeSoo 2015.07.28 510
279 웹 프로그래밍 제이쿼리(jQuery) 튜토리얼(Tutorial) 모음 file JaeSoo 2015.07.28 1253
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 15 Next
/ 15


즐겨찾기 (가족)

JAESOO's HOMEPAGE


YOUNGAE's HOMEPAGE


장여은 홈페이지


장여희 홈페이지


장여원 홈페이지


즐겨찾기 (업무)

알리카페 홀릭

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

말레이시아 KL Sentral 한국인 GuestHouse


즐겨찾기 (취미)

어드민아이디

유에코 사랑회

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

JServer.kr

제이서버 메타블로그

재수 티스토리


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

재수 강의 홈페이지


한소리


VTMODE.COM


숭실대 인공지능학과


숭실대 통신연구실


베너