>  기사  >  웹 프론트엔드  >  H5에서 비디오의 첫 번째 프레임을 표지로 가져오는 방법

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

醉折花枝作酒筹
醉折花枝作酒筹앞으로
2021-04-14 11:01:293788검색

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

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

1. 라이브러리 가져오기

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

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

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


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

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를 사용했습니다. 물론 기본 요소를 사용할 수도 있습니다.

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

html 비디오 튜토리얼

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

성명:
이 기사는 csdn.net에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제