H5에서 비디오의 첫 번째 프레임을 표지로 가져오는 방법

이 글에서는 H5에서 영상의 첫 번째 프레임을 표지로 얻는 방법을 자세히 소개하겠습니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

1. 라이브러리 가져오기

코드는 다음과 같습니다. 제가 직접 써도 되네요 ㅎㅎㅎ

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.10.0/jquery.min.js"></script>

위 코드는 그림을 표시하는 부분입니다

3. part

<p class="upload-title mg-b10 title-all">上传视频（必填）</p>
  <p class="file-input-trigger" onclick="document.getElementById(&#39;uploadBtn&#39;).click()">
     <p class="upload-icon">+</p>
     <p class="upload-text">上传文件</p>
   </p>
   <input type="file" class="upload-video" id="uploadBtn">
 </p>

동영상 태그에 자동 재생 속성이 필요합니다. 그렇지 않으면 사진이 표시되지 않을 수 있는데, 이는 여러 번의 실험 끝에 발견한 것입니다. 요소 조작의 편의를 위해 jquery를 사용했습니다. 물론 기본 요소를 사용할 수도 있습니다.

추천 학습:

html 비디오 튜토리얼

위 내용은 H5에서 비디오의 첫 번째 프레임을 표지로 가져오는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!