웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[HTML 초보자]동영상을 출력하자-7(Object)
2003.01.03 10:02
안녕하세요? ZipShin입니다. 오..오랫만에 뵙죠.^^ 새해복많이 받으세요..^^
저번에 제가 [HTML 초보자]동영상을 출력하자-6(Object)강좌에서 글을썼거든요..^^
<object><embed></embed></object>를 사용할수있다고 했는데, 어떤 회원님이 <object></object>로 감쌀수없다고 이해를 못하고있네요.
사실, 벅스뮤직이든, 스트리밍서비스를 하는 웹사이트는 <object></object>이 태그로 동영상을 제어합니다.
그래서 그런데 이번에는 오브젝트태그로 아이디와 오브젝트의 이름을 만들어주는 태그를 공부합시다.
일단 기본적으로 <object><embed></embed></object>가 생성되고 혹은 <object></object>만 사용할때가 있습니다.
오늘은 간단히 object를 이해하기 위하여, <object></object>를 사용하겠습니다. 아래의 소스를 봅시다.
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="player" width="300" height="45">
<param name="Filename" value="http://kdh8885.cafe24.com/kor01133627.asf">
</object>
이 태그를 사용하면, 정말로 재생이 됩니다. 설명 해드릴께요.
1. 오브젝트에서 classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"<--이놈은 특정한 클래스등록정보의 아이디를 지정합니다. 여기서 Windows Media버전을 7이나 6으로 지정할 수있죠.
2. id="player"<--이놈은 Object태그의 ID를 지정하여, 볼륨크기라든지, 재생, 멈춤, 가사리스트를 만들때 사용합니다. 자바스크립트랑 호환이 되는 과정이죠. 그러나 여기서는 특정히 지정한 것이 없기 때문에, 단지 Object태그의 이름을 player라고 지정해준겁니다. 자기자신의 이름이 되는겁니다.
3. width="300" height="45"<--이거 많이 아시죠? 제가 많이 가르켜드린건데, 동영상 object의 높이와 크기를 지정할 수있습니다.
4. param<--이것은 파람이라고 읽으며, 자바애플릿, 플래시태그, 오브젝트태그, embed속성에 사용합니다.
재생을 할때, 특정한 정보를 담을 수있는 것이죠. 예를 들면, 볼륨조절을 담고, 플레이정보를 담는곳이죠..
5. Param에 대하여 설명해 드리겠습니다.
파람은 Object를 실행시키기 위한 명령어입니다. 일반의 <embed></embed>태그랑 비슷하다! 라고 생각하세요.
<param name="Filename" value="http://kdh8885.cafe24.com/kor01133627.asf">
↑ 위에서 Filename은 파일의 URL을 표시하고 value="http://kdh8885.cafe24.com/kor01133627.asf" <--이것은 kor01133627.asf의 값을 나타내며 재생하겠다. 라는 뜻입니다.
↑위에 있는것을 쉽게 나타내면 <embed src="http://kdh8885.cafe24.com/kor01133627.asf"></embed>와 같습니다. 이해하셨죠?
※ 오늘은 여기까지 해보겠습니다. 다음에 뵈요~
저번에 제가 [HTML 초보자]동영상을 출력하자-6(Object)강좌에서 글을썼거든요..^^
<object><embed></embed></object>를 사용할수있다고 했는데, 어떤 회원님이 <object></object>로 감쌀수없다고 이해를 못하고있네요.
사실, 벅스뮤직이든, 스트리밍서비스를 하는 웹사이트는 <object></object>이 태그로 동영상을 제어합니다.
그래서 그런데 이번에는 오브젝트태그로 아이디와 오브젝트의 이름을 만들어주는 태그를 공부합시다.
일단 기본적으로 <object><embed></embed></object>가 생성되고 혹은 <object></object>만 사용할때가 있습니다.
오늘은 간단히 object를 이해하기 위하여, <object></object>를 사용하겠습니다. 아래의 소스를 봅시다.
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="player" width="300" height="45">
<param name="Filename" value="http://kdh8885.cafe24.com/kor01133627.asf">
</object>
이 태그를 사용하면, 정말로 재생이 됩니다. 설명 해드릴께요.
1. 오브젝트에서 classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"<--이놈은 특정한 클래스등록정보의 아이디를 지정합니다. 여기서 Windows Media버전을 7이나 6으로 지정할 수있죠.
2. id="player"<--이놈은 Object태그의 ID를 지정하여, 볼륨크기라든지, 재생, 멈춤, 가사리스트를 만들때 사용합니다. 자바스크립트랑 호환이 되는 과정이죠. 그러나 여기서는 특정히 지정한 것이 없기 때문에, 단지 Object태그의 이름을 player라고 지정해준겁니다. 자기자신의 이름이 되는겁니다.
3. width="300" height="45"<--이거 많이 아시죠? 제가 많이 가르켜드린건데, 동영상 object의 높이와 크기를 지정할 수있습니다.
4. param<--이것은 파람이라고 읽으며, 자바애플릿, 플래시태그, 오브젝트태그, embed속성에 사용합니다.
재생을 할때, 특정한 정보를 담을 수있는 것이죠. 예를 들면, 볼륨조절을 담고, 플레이정보를 담는곳이죠..
5. Param에 대하여 설명해 드리겠습니다.
파람은 Object를 실행시키기 위한 명령어입니다. 일반의 <embed></embed>태그랑 비슷하다! 라고 생각하세요.
<param name="Filename" value="http://kdh8885.cafe24.com/kor01133627.asf">
↑ 위에서 Filename은 파일의 URL을 표시하고 value="http://kdh8885.cafe24.com/kor01133627.asf" <--이것은 kor01133627.asf의 값을 나타내며 재생하겠다. 라는 뜻입니다.
↑위에 있는것을 쉽게 나타내면 <embed src="http://kdh8885.cafe24.com/kor01133627.asf"></embed>와 같습니다. 이해하셨죠?
※ 오늘은 여기까지 해보겠습니다. 다음에 뵈요~
댓글 2
제목 | 글쓴이 | 날짜 |
---|---|---|
[HTML 초보자]동영상을 출력하자-4 | ZipShin | 2002.12.17 |
[HTML 기초] 1. 서식 관련 태그 | 뽀유♡ | 2002.12.17 |
[HTML 초보자]동영상을 출력하자-5 | ZipShin | 2002.12.18 |
[HTML 초보자]동영상을 출력하자-6(Object) [1] | ZipShin | 2002.12.19 |
필드셋 응용;;; | teslaMINT | 2002.12.21 |
[HTML 초보자] 테이블 태그(보충1) [3] | ZipShin | 2002.12.21 |
웹문서 작성 팁!!! [4] | 공돌이 | 2002.12.21 |
마우스 룰 오버시 여러가지 로 그림이 변하게 하기. [5] | ▩윤미 | 2002.12.23 |
[re] 한번의 클릭으로 두 개의 프레임 바꾸기. [1] | 루비 | 2002.12.26 |
한번의 클릭으로 두 개의 프레임 바꾸기. [7] | 연(延) | 2002.12.25 |
새창안돼 -_- [5] | 란즈 | 2002.12.27 |
이쁜 버튼 꾸미기 [5] | ZipShin | 2003.01.01 |
HTML만으로 BGM Player 만들기... [7] | 고광욱 | 2003.01.02 |
테이블 테두리 (맨 겉부분만 나오게 하기) [13] | 서성원 | 2003.01.02 |
[HTML 초보자]동영상을 출력하자-7(Object) [2] | ZipShin | 2003.01.03 |
다중 테이블?? [7] | hooniv | 2003.01.03 |
ZipShin님 버튼 기능추가...누르면 링크가 됩니다...^^;
[1]
![]() | 김희성 | 2003.01.05 |
글씨태그 | 조현원 | 2003.01.08 |
기본에 충실하자. 표관련 태그 정리... [2] | 이기형 | 2003.01.09 |
[1분짜리 팁!] 마우스커서 바꾸기! [10] | 찐군 | 2003.01.09 |