|
⑩ 동영상 테그 2005-02-25 15:54:31 동영상(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. |