본문 바로가기

xhtml

embed 동영상 태그

출처-http://pierload.x-y.net/embed/mov.htm

 

동영상(embed) 태그

 모든 멀티미디어는 기본적으로  <embed> 태그를 씁니다.
 
(ex - <embed src="http://movi.com/movi.asf">)
예를들면 음악(mp3,wma,mid), 플래시(swf)등은 모두 이 태그로
이루어 지죠.

동영상도 마찬가지입니다.
동영상의 확장자는 avi,wmv,asf,asx,mpg,mpeg 등이 있으며 모두embed
태그로 나타냅니다.

예제로 쓸 동영상파일 하나를 주웠(;;)습니다.
[[
http://myhome.naver.com/jslstory/ex.wmv]]
그냥 페인터 카페...같은곳에서 주웠는데 기억은 잘 안나는군요;;;
아무튼 용량은 261KB 밖에 안되니 예제용으로 딱입니다;;








0.태그사용 기본
 <embed src="http://myhome.naver.com/jslstory/ex.wmv">
결과 - [↑]-_-;

기본적으로 <embed src="동영상주소">를 사용하면 태그가 작동됩니다.





1.반복효과 주기
 <embed src="http://myhome.naver.com/jslstory/ex.wmv"
loop="-1">
결과 - [보기]

(계속해서 반복됩니다.)





2.플레이어 크기 조절
 <embed src="http://myhome.naver.com/jslstory/ex.wmv"
width="500" height="200">
결과 - [보기]

width="500" height="200"=넓이500픽셀, 높이200픽셀 으로
지정한 경우입니다.
동영상화면비율이 변하기 때문에 그다지 특별한 경우가 아니라면
사용하지 않습니다.





3.플레이어 오른쪽클릭 금지하기
 <embed src="http://myhome.naver.com/jslstory/ex.wmv"
EnableContextMenu="false">
결과 - [보기]

소스방지태그와 오른쪽클릭금지 태그를 사용해도 동영상은
오른쪽 클릭이 가능해서 동영상주소를 가져갈 수 있습니다.
그래서 다운로드나 트래픽피해를 보는 경우가 많죠...
하지만 위의 태그를 쓰면 플레이어에서 오른쪽클릭을해도 반응이 없습니다.





4.플레이어 상태 바 감추기
 <embed src="http://myhome.naver.com/jslstory/ex.wmv" ShowControls="false"
>
결과 - [보기]







5.플레이어 상태 바 흑백으로 나타내기
 <embed src="http://myhome.naver.com/jslstory/ex.wmv"
style="filter:gray();">
결과 - [보기]

플레이어의 상태 바가 흑백으로 나타내어 질 뿐이며 동영상 자체의 색에는
변화를 주지 않습니다.





5-1.(상태 바를 색반전/xray 효과로 나타내기)
다음과 같은 방법을 쓰면 됩니다.

 <embed src="http://myhome.naver.com/jslstory/ex.wmv"
style="filter:invert();">
 <embed src="http://myhome.naver.com/jslstory/ex.wmv" style="filter:xray();">
각각 결과 - (플레이어만)

- 색반전
- 흑백반전(xray)


플레이어의 상태 바가 흑백으로 나타내어 질 뿐이며 동영상 자체의 색에는
변화를 주지 않습니다.





6.플레이어 상태바하단에 파일정보나타내기기
 <embed src="http://myhome.naver.com/jslstory/ex.wmv" s
howstatusbar="1">
결과 - [보기]

플레이어의 하단에 파일정보(재생음악의 제목과 저작권, 만든이 등의 정보)가
나타납니다. 기본적으로는 나타나지 않고 이 태그를 적용시켜야만 나타납니다.





※기타//동영상을 자동으로 재생시키지 않고 사용자가 플레이버튼을
눌러야 재생되게 하려면 autostart="false"를 넣으시면 됩니다.

EX) <embed src="http://myhome.naver.com/jslstory/ex.wmv" autostart="false"
>

 

'xhtml' 카테고리의 다른 글

레이어팝업 하루동안...  (0) 2013.07.29
동영상 태그  (0) 2013.06.17
js 롤오버  (0) 2013.06.14