옹재
소소한 개발 블로그
옹재
전체 방문자
오늘
어제
  • 분류 전체보기 (66)
    • 개발 관련 서적 스터디 (6)
    • 프론트엔드 스터디 (36)
      • Javascript (16)
      • Typescript (13)
    • Vue 스터디 (22)
    • 개발 관련 스터디 (2)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 개발서적 스터디
  • 프론트엔드 스터디
  • 프레임워크 없는 프론트엔드 개발
  • scss
  • CSS

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
옹재

소소한 개발 블로그

프론트엔드 스터디/Javascript

[Javascript] HTMLVideoElement

2022. 2. 8. 10:50
728x90
반응형

HTMLVideoElement

HTMLVideoElement 인터페이스는 video object를 조작하는데 필요한 프로퍼티와 메소드를 제공한다. HTMLMediaElement 와 HTMLElement 를 상속한다.

지원하는 미디어 포맷 목록은 브라우저마다 다르다. 그렇기 때문에 적절한 범위의 브라우저에서 지원하는 비디오 포맷을 제공하던가, 모든 브라우저를 위한 여러 종류의 미디어 포맷을 제공해야 한다.

속성(Properties)

HTMLMediaElement 와 HTMLElement 의 속성들도 상속 받는다.

  • HTMLVideoElement.height : 표시 영역의 높이를 나타내는 attribute height 값을 DOMString으로 반환. 단위는 px
  • HTMLVideoElement.poster : 비디오 데이터가 없을 때 보여줄 이미지를 지정하는 attribute poster 값을 DOMString으로 반환
  • HTMLVideoElement.videoHeight : 비디오의 height를 부호 없는 정수로 나타낸 값을 반환. 없는 경우 0을 반환
  • HTMLVideoElement.videoWidth : 비디오의 width를 부호 없는 정수로 나타낸 값을 반환. 없는 경우 0을 반환
  • HTMLVideoElement.width : 표시 영역의 높이를 나타내는 attribute width 값을 DOMString으로 반환. 단위는 px
728x90
반응형

'프론트엔드 스터디 > Javascript' 카테고리의 다른 글

[Javascript] window vs document  (0) 2022.02.08
[RxJS] Operator - iif()  (0) 2021.07.28
[RxJS] Operator - pipe, zip  (0) 2021.07.28
RxJS 정리  (0) 2021.07.27
프로미스(Promise)란?  (0) 2021.07.16
    '프론트엔드 스터디/Javascript' 카테고리의 다른 글
    • [Javascript] window vs document
    • [RxJS] Operator - iif()
    • [RxJS] Operator - pipe, zip
    • RxJS 정리
    옹재
    옹재

    티스토리툴바