제14장 동영상 넣기

제14장 동영상 넣기

학습목표

 홈페이지 문서에 동영상을 넣어 봅시다 .  

모든 멀티미디어는 기본적으로  <embed> 태그를 씁니다. (ex - <embed src="http://movi.com/movi.asf">) 예를들면 음악(mp3,wma,mid), 플래시(swf)등은 모두 이 태그로 이루어 지죠. 동영상도 마찬가지입니다. 동영상의 확장자는 avi,wmv,asf,asx,mpg,mpeg 등이 있으며 모두embed태그로 나타냅니다.

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

결과보기
2.반복효과 주기
<embed src="images/ex.wmv" loop="-1">
계속해서 반복됩니다.

결과보기
3.플레이어 크기 조절
<embed src="images/ex.wmv" width="500" height="200">
width="500" height="200"=넓이500픽셀, 높이200픽셀 으로 지정한 경우입니다.
동영상화면비율이 변하기 때문에 그다지 특별한 경우가 아니라면 사용하지 않습니다.

결과보기

4.플레이어 오른쪽클릭 금지하기
<embed src="images/ex.wmv" EnableContextMenu="false">
소스방지태그와 오른쪽클릭금지 태그를 사용해도 동영상은 오른쪽 클릭이 가능해서 동영상주소를 가져갈 수 있습니다. 그래서 다운로드나 트래픽피해를 보는 경우가 많죠... 하지만 위의 태그를 쓰면 플레이어에서 오른쪽클릭을해도 반응이 없습니다.
결과보기
5.플레이어 상태 바 감추기
<embed src="images/ex.wmv" ShowControls="false">
결과보기
6.플레이어 상태 바 흑백으로 나타내기
<embed src="images/ex.wmv" style="filter:gray();">
플레이어의 상태 바가 흑백으로 나타내어 질 뿐이며 동영상 자체의 색에는 변화를 주지 않습니다.
결과보기
7.플레이어 상태바하단에 파일정보나타내기기

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

결과보기
※기타//동영상을 자동으로 재생시키지 않고 사용자가 플레이버튼을 눌러야 재생되게 하려면 autostart="false"를 넣으시면 됩니다.
EX) <embed src="images/ex.wmv" autostart="false">