출처-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();">
각각 결과 - (플레이어만)
6.플레이어 상태바하단에 파일정보나타내기기
<embed src="http://myhome.naver.com/jslstory/ex.wmv" showstatusbar="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 |