[Html] video 태그 영상재생 종료 후에 함수 호출하기(video 태그의 속성 이용)

 

 setInterval(function(){
    if($(".video").prop("ended")){
      //영상종료 후 진행할 함수 입력부분
    }
  },200);

0.2초마다 비디오의 속성 ended의 값이 무엇인지 검사한다

true이면 영상이 종료된 상태 false면 영상이 재생중인 상태이다 

 

 

현재 재생 위치 --> currentTime

반복 재생 여부 --> loop

음소거 여부 --> muted

속도 조절 --> playbackRate

원본 크기 --> videoHeight / videoWidth

video 요소 크기 --> width / height

볼륨 크기(0.0 ~ 1.0) --> volume

시작 위치 --> startOffsetTime

 

prop(속성) 나 attr(속성) 을 이용해 속성의 값을 가져올 수 도 있고

prop(속성,값) 나 attr(속성, 값)을 이용해 속성의 값을 설정할 수 있다.

 

 

[html] - [HTML]video 태그에 포스터(썸네일) 이미지 넣기

[html] - [html]Video 태그 IOS autoPlay --> playsinline