1
나는 popcorn.capture.js을 시도하고 preload="auto"을 설정했다. 처음에는 파이어 폭스에 적합하고 그 다음은 PC 브라우저에 적합하다. 모바일 (Wechat)에서 달성 할 수있는 방법이 필요합니다. 당신이 나를 도울 수?모바일 HTML5 동영상에서 첫 번째 프레임을 포스터로 동적으로 사용하려면 어떻게해야합니까?
A
답변
0
휴대 기기에서는 자동으로 기기가 동영상 다운로드를 시작하지 않습니다. 이는 사용자가 대량의 데이터 요금을 부과하지 않도록하기위한 것입니다.
bowser는 비디오를 다운로드하지 않았으므로 비디오를 표시하기 위해 첫 번째 프레임을 추출 할 수 없기 때문에 이미지를 축소판으로 표시하려면 HTML5의 포스터 메커니즘을 사용해야합니다.
일반적인 접근 방법 중 하나는 비디오를 서버에 넣거나 추가 할 때 서버 측에서 미리보기를 생성하고 비디오 포스터로 제공 할 수있는 위치에 저장하는 것입니다.
+0
감사합니다. 사실 저는 결국 당신의 조언을 사용했습니다. –
'포스터'를 모두 생략하면 처음 프레임이 모두 기본으로 제공됩니다.> [사용자가 재생하거나 검색 할 때까지 표시 할 포스터 프레임을 나타내는 URL입니다. 이 속성을 지정하지 않으면 첫 번째 프레임을 사용할 수있을 때까지 아무 것도 표시되지 않습니다. 첫 번째 프레임은 포스터 프레임으로 표시됩니다.] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video) – zer00ne
고맙습니다. PC의 크롬에서는 잘 작동하지만, 하지만 모바일에서는 작동하지 않습니다. 게다가 비디오 코딩과 관련이있는 것 같습니다. 탐구 중입니다. –