⑩ 동영상 테그
2005-02-25 15:54:31 read : 65536
동영상(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/jkw87/ex.wmv]]
그냥
페인터 카페...같은곳에서 주웠는데 기억은 잘 안나는군요;;;
아무튼 용량은 261KB
밖에
안되니 예제용으로 딱입니다;;
0.태그사용 기본
<embed src="http://myhome.naver.com/jkw87/ex.wmv">
결과
- [↑]-_-;
기본적으로 <embed src="동영상주소">를 사용하면
태그가 작동됩니다.
1.반복효과 주기
<embed src="http://myhome.naver.com/jkw87/ex.wmv"
loop="-1">
결과
- [보기]
(계속해서 반복됩니다.)
2.플레이어 크기 조절
<embed src="http://myhome.naver.com/jkw87/ex.wmv"
width="500" height="200">
결과
- [보기]
width="500" height="200"=넓이500픽셀,
높이200픽셀 으로
지정한 경우입니다.
동영상화면비율이 변하기 때문에 그다지 특별한 경우가 아니라면
사용하지
않습니다.
3.플레이어 오른쪽클릭
금지하기
<embed
src="http://myhome.naver.com/jkw87/ex.wmv" EnableContextMenu="false">
결과
- [보기]
소스방지태그와 오른쪽클릭금지 태그를 사용해도 동영상은
오른쪽
클릭이 가능해서 동영상주소를 가져갈 수 있습니다.
그래서 다운로드나 트래픽피해를
보는 경우가 많죠...
하지만 위의 태그를 쓰면 플레이어에서 오른쪽클릭을해도
반응이 없습니다.
4.플레이어
상태 바 감추기
<embed
src="http://myhome.naver.com/jkw87/ex.wmv" style="filter:alpha(opacity=2,
style=1, finishopacity=0);">
결과
- [보기]
기본적으로 동영상 아래에 달리는 플레이어의 상태 바가 보이지
않습니다(동영상만 보입니다)
보이지 않을 뿐 플레이어는 존재 합니다
그러므로
플레이어가 있어야 할 자리에 마우스를
대어도 반응은 하지요.
5.플레이어
상태 바 흑백으로 나타내기
<embed
src="http://myhome.naver.com/jkw87/ex.wmv" style="filter:gray();">
결과
- [보기]
플레이어의 상태 바가 흑백으로 나타내어 질 뿐이며 동영상 자체의
색에는
변화를
주지 않습니다.
5-1.(상태
바를 색반전/xray 효과로 나타내기)
다음과 같은 방법을 쓰면 됩니다.
<embed
src="http://myhome.naver.com/jkw87/ex.wmv" style="filter:invert();">
<embed
src="http://myhome.naver.com/jkw87/ex.wmv" style="filter:xray();">
각각
결과 - (플레이어만)
6.플레이어 상태바하단에
파일정보나타내기기
<embed
src="http://myhome.naver.com/jkw87/ex.wmv" showstatusbar="1">
결과
- [보기]
플레이어의 하단에
파일정보(재생음악의 제목과 저작권, 만든이 등의 정보)가
나타납니다. 기본적으로는
나타나지 않고 이 태그를 적용시켜야만 나타납니다.
※기타//동영상을
자동으로 재생시키지 않고 사용자가 플레이버튼을
눌러야 재생되게 하려면 autostart="false"를
넣으시면 됩니다.
EX) <embed
src="http://myhome.naver.com/jkw87/ex.wmv" autostart="false">
2005-1-1
씀.
Copyright © Lord Pier. All Rights Reserved.
|
홈 
