RadarURL

웹 프로그래밍
2010.01.07 00:18

Embed 태그의 활용

조회 수 7510 추천 수 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
?

공부 게시판

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

  1. No Image notice by 처누 2003/08/18 by 처누
    Views 952956 

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

  2. 메모리 부족 현상 (allowed memory size of 134217728 bytes..)

  3. Guzzle - cURL error 60: SSL certificate problem: unable to get local issuer certificate 문제 해결

  4. XE 캐시파일 재성생후 404 Oops, Sorry. Page is not found! 나올때

  5. XE - " Fatal error: Class 'Object' not found in " / class 낫파운드 오류

  6. iOS 앱 개발을 위한 인증서 생성 및 관리

  7. PHP 파서 이해하기 (<?php의 php를 생략하고 간단히 <? 태그 와 ?> 태그를 사용하는 방법)

  8. XE 비회원 글쓰기 항목 지우기

  9. 오른쪽 마우스 금지 소스 / 드래그 금지 소스

  10. Strict standards and C5 support errors

  11. ICT노트 :: 반응형웹을 만드는 기술은?

  12. [번역] 2014년 가장 인기있는 5가지 프론트엔드 프레임워크 비교

  13. 최고의 반응형 CSS 프레임워크 18선 (2013년 7월기준)

  14. 가장 진보된 반응형 웹을 위한 프레임워크 UIkit

  15. 반응형 웹을 위한 프론트-엔드 프레임 워크 (front-end framework for developing responsive web)

  16. 한국형 반응형웹 프레임웍을 찾아서 - 왜 우리는 IE 7,8때문에 고통받아야 하는가?

  17. 한국을 위한 CSS 그리드 디자인 프레임워크

  18. 과연 반응형 웹 디자인만이 해답일까?

  19. 반응형 웹 디자인의 단점

  20. 웹디자인 신기술 트렌드 및 적용 사례

  21. 제이쿼리(jQuery) 튜토리얼(Tutorial) 모음

Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 15 Next
/ 15


즐겨찾기 (가족)

JAESOO's HOMEPAGE


장여은 홈페이지


장여희 홈페이지


장여원 홈페이지


즐겨찾기 (업무)

알리카페 홀릭

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

말레이시아 KL Sentral 한국인 GuestHouse


즐겨찾기 (취미)

어드민아이디

유에코 사랑회

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

JServer.kr

제이서버 메타블로그

재수 티스토리


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

재수 강의 홈페이지


한소리


VTMODE.COM


숭실대 인공지능학과


숭실대 통신연구실


베너