javascript - 페이지 배경으로 비디오를 사용할 때 문제가 발생했습니다.

Question

3가지를 준비했는데 하나는 단색 p 배경, 하나는 영상의 첫 프레임 스크린샷, 하나는 영상이에요.

제가 원하는 것은 동영상을 성공적으로 로드할 수 없으면 대신 스크린샷을 사용하는 것입니다. 스크린샷을 성공적으로 로드할 수 없으면 대신 단색 p를 사용하세요.

이 기능을 구현하는 방법이나 비디오 및 스크린샷 로딩 완료 상태를 캡처하는 방법을 알려주십시오.

초보인데 조언 부탁드려요~(생생한 코드를 올려주시면 더 좋을 것 같아요, 모두 감사합니다)

Answer 1

인터넷에 이런거 많아요
http://www.webhek.com/post/vi...
예를 들어 위의
코드와 데모가 있습니다

Answer 2

위 두 답변은 동일합니다....

으아아아

구체적으로 테스트해보진 않았지만 문제 없을거에요.

Answer 3

var video = document.getElementById("video");
1. 속성 및 방법
a.

video.error; //널: 정상

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 //리소스 길이 변경

볼륨변경 //볼륨변경