프론트엔드 스터디/Javascript

[Javascript] HTMLVideoElement

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

HTMLVideoElement

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

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

속성(Properties)

HTMLMediaElementHTMLElement 의 속성들도 상속 받는다.

  • 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
반응형