3가지를 준비했는데 하나는 단색 p 배경, 하나는 영상의 첫 프레임 스크린샷, 하나는 영상이에요.
제가 원하는 것은 동영상을 성공적으로 로드할 수 없으면 대신 스크린샷을 사용하는 것입니다. 스크린샷을 성공적으로 로드할 수 없으면 대신 단색 p를 사용하세요.
이 기능을 구현하는 방법이나 비디오 및 스크린샷 로딩 완료 상태를 캡처하는 방법을 알려주십시오.
초보인데 조언 부탁드려요~(생생한 코드를 올려주시면 더 좋을 것 같아요, 모두 감사합니다)
阿神2017-05-18 10:48:57
var video = document.getElementById("video");
1. 속성 및 방법
a.
video.error.code; //오류 코드 반환 1. 사용자 종료 2. 네트워크 오류 3. 디코딩 오류 4. 잘못된 URL
b, 네트워크 상태
video.currentSrc; //현재 리소스의 URL을 반환합니다
video.src = value; //현재 리소스의 URL을 반환하거나 설정합니다
video.canPlayType(type); //특정 형식의 리소스를 재생할 수 있는지 여부
video.networkState; //네트워크 상태 코드 0을 반환합니다. 이 요소는 초기화되지 않았습니다. 1. 정상이지만 네트워크를 사용하고 있지 않습니다. 3. 리소스를 찾을 수 없습니다.
video.load(); //src
에 지정된 리소스를 다시 로드합니다.video.buffered; //버퍼 영역으로 돌아가기
video.preload; //미리 로드된 정보 반환 없음: 미리 로드되지 않음 메타데이터: 리소스 정보 미리 로드 자동:
c, 플레이 상태
video.currentTime = value; //현재 재생 위치에 값을 할당하면 위치가 변경될 수 있습니다
video.startTime; //일반적으로 0, 스트리밍 미디어이거나 0에서 시작하지 않는 리소스인 경우 0이 아닙니다
video.duration; //현재 리소스 길이 스트림은 무한을 반환합니다
video.paused //일시중지 여부
video.defaultPlaybackRate = value;//기본 재생 속도를 설정할 수 있습니다
video.playbackRate = value; //현재 재생 속도, 설정 후 즉시 변경
video.played; //재생 영역인 TimeRanges로 돌아갑니다
video.ended //끝났나요
video.autoPlay; //자동 재생 여부
video.loop; //루프할지 여부
video.play() //재생
;video.pause() //일시중지
d, 영상 제어
video.controls;//기본 컨트롤 바가 있는지 여부
video.volume = 값 //볼륨
video.muted = 값 //음소거
2. 이벤트
으아악XXX는 이벤트 유형입니다
loadstart //클라이언트가 데이터 요청을 시작합니다
progress //클라이언트가 데이터를 요청 중입니다
일시중단//다운로드 지연
abort //클라이언트가 다운로드를 적극적으로 종료합니다(오류로 인한 것이 아님)
loadstart //클라이언트가 데이터 요청을 시작합니다
error //데이터를 요청하는 동안 오류가 발생했습니다
멈춤 //인터넷 속도 멈춤
play //play() 및 자동재생이 재생을 시작할 때 트리거됩니다
pause//pause() 트리거
loadedmetadata //리소스 길이를 성공적으로 가져왔습니다
대기 중//오류가 아닌 데이터를 기다리는 중
재생 중//재생 시작
canplay//재생할 수 있지만 로딩으로 인해 일시중지될 수 있습니다
재생 가능//재생 가능, 모든 노래가 로드되었습니다
찾는 중 //찾는 중
구함//구경 완료
timeupdate //재생 시간 변경
종료됨//플레이 종료
ratechange//재생 속도 변경
durationchange //리소스 길이 변경
볼륨변경 //볼륨변경