웹마스터 팁

안녕하세요? 추운겨울 잘보내셔야 합니다. 이번에는 멀티미디어 객체인 동영상을 출력해볼려고요.

아주 간단한건데, 초보자에게는 신기합니다. 동영상을 플레이 시킬려면 아주 간단한건데..쿠~울럭

※ 동영상을 플레이 시킬때 사용하는 태그와 옵션

* embed: embed가 명령어이며, 고급이라면 object와 함께 사용합니다. 여기서는 embed를 사용하겠습니다.
              그리고 embed가 동영상 재생할때 사용하는 기본 태그 값입니다.
              <embed>를 익스플로러에서는 사용하고요, 넷스케이프에서는 <embed></embed>를 사용합니다.

**옵션: 제가 몇가지 알고 있는 옵션으로 autostart, loop, width, height, volum, type, pluginspage, displaysize, name, src, 기타 등등

이번에는 이렇게 동영상의 옵션과 태그를 알아 보았는데 직접 해봐야겠죠.

일단 동영상을 플레이 시킬려면 기본으로 <embed></embed>를 사용합니다. 직접 태그연습장인 http://tagmania.net/html/tagnote.html 으로 가서 <embed></embed>를 적고 확인해보세요.
어떤가요? 동영상이 나타나는 가요? 안나타 나죠? 왜냐면, 동영상의 추출 소스를 적지 않아서 그래요.

이럴땐 src라는 옵션을 사용합니다. 더불어 <embed></embed>라는 태그와 함께 사용해요.
다같이 사용해볼까요? 이렇게 말이죠. --> <embed src=""></embed>
<embed src=""></embed> <--이것을 복사하여 태그연습장인 http://tagmania.net/html/tagnote.html 에서 연습해보세요.
어때요? 이상하게 "점" 같은게 있죠? 이것은 src의 주소 추출을 저지 않아서 그래요. 즉 동영상을 재생시킬려고 준비를 하는 것이죠.
동영상을 재생할려면 동영상의 주소가 필요합니다. 그래서 아래와 같이 사용해요. ↓ 아래를 보세요.

<embed src="http://dearmai.cafe24.com/_club/nzeo/movie/20021207_mbc_01.wmv"></embed>

하하하 어떤가요? ↑ 위의 태그를 복사하여, http://www.tagmania.net/html/tagnote.html 로 가서 연습해보세요.
동영상이 뜨지요? MBC뉴스의 아나운서가 나올겁니다. 이 동영상은 울산광역시 12월7일 여중생 사망사건 추모식때 갔던 영상입니다. DearMai님이 일부분 영상을 추출하였더군요.

** 강좌의 재미를 느끼기 위하여 동영상의 일부분 DearMai님꺼를 사용합니다..

하하 이렇게 하여 동영상이 나오는데 플레이 버튼 ▶를 눌러보세요.. 중간에 스톱할려면 가운데 에 있는 짝대기 두개를 꾹꾹 눌러요..
정지할려면 ■을 눌러봐요.. 하하하 너무 재미있죠?

이렇게 하여 기본적인 동영상을 플레이 시킨거랍니다. 꼭 기억할 것은 동영상 플레이 시킬때 사용하는 태그는
<embed></embed> 기본값이며, 동영상의 내용을 추출할려면 src라는 것을 사용한다는 점 잊지마세요.
src를 나타낼려면 <embed src=""></embed>를 적어주며, 동영상 주소인 URL을 입력해서,
<embed src="http://dearmai.cafe24.com/_club/nzeo/movie/20021207_mbc_01.wmv"></embed> 를 하면 된답니다.

그리고 어떤 사람은 <embed></embed>를 적는데 또 어떤 사람은 <embed>만 적더군요. 왜그러죠?
에 대한 답변을 드릴께요. 사실상 익스플로러에서는 <embed>태그 전용이고요,
넷스케이프에서는 <embed></embed>를 해줘야 똑바른 동영상이 출력됩니다. 만약 <embed>만 적었더라면,
넷스케이프 사용자는 동영상을 볼 수가 없게 되는 것이죠. 그래서 호환으로 <embed></embed>를 해줍니다.

○ 이번에 제대로 된 강의 몇자 적어봅니다. 나중에도 적어봐야지~
제목 글쓴이 날짜
게시판 관리자 표시하기... [6] file 카르마 2011.02.05
랜덤 이미지 롤링위젯스킨에서 컬러셋이 적용되지 않는분은 필독! file xemall 2011.02.02
메뉴에서 채팅방 띄우기 용도로 쓰는 스크립트 코아 코스튬 2011.01.30
홈페이지 브라우저 크기 고정시키기 코아 코스튬 2011.01.30
PHP의 끝을 닫지 않아도 실행됩니다. [2] SMaker 2011.01.29
외부에서 단독으로 xe게시판에 글 올리기, blogapi 기능 사용하여, [6] file 김기철980 2011.01.27
XE 게시판에 소셜댓글 라이브리 적용하기 [6] [1] file 미자503 2011.01.26
'대표도메인'연결후 '로그인'이 안될때,,(먹통) moonlight994 2011.01.24
PHP 5.3.x DEPRECATED 에러 해결하기 [2] 난다날아 2011.01.21
좋은 레이아웃 찿으시는 분들 선우님이 새로 또 하나의 좋은 레이아웃을 만드 셨네요... [2] 유샤인 2011.01.21
[왕초보팁] 2차 메뉴를 레이아웃 스킨에 넣을 때 [2] HolyJohn 2011.01.21
[ 도움요청 ] 게시판 리스트에서 작성한 사람만 작성한 리스트가 보이는 방법 ?? 잘살아서복수!! 2011.01.20
XE에서 레이아웃이나 기타의 페이지에 include 사용에 대한 오해??? [3] DuRi 2011.01.18
탈퇴회원 아이디 재사용 막는 법 [5] 한꼬마 2011.01.18
텍스타일 블로그 메인페이지 만들기 [1] designm 2011.01.13
Content위젯에서 분류명(카테고리)를 이미지로 표현하기 [1] nalireco 2011.01.12
xe에 모바일 업로드 하기(api 이용, 파일첨부 업로드 해결) [4] 천민수 2011.01.12
"서버에 요청중..." 메세지 없애기 [3] SeoSeungHyun 2011.01.11
[펌] HTML5와 CSS3를 사용하여 최신 웹 사이트 구축하기 [6] file 999 2011.01.11
게시판모듈 글목록에서 분류명(카테고리)를 이미지로 표현하기 [4] nalireco 2011.01.06