‘captions.vtt’는 비디오의 캡션이 포함 된 파일입니다. ‘Kind’속성은 텍스트 트랙의 종류를 지정합니다.‘Srclang’은 텍스트 트랙의 언어를 지정하고‘레이블’은 트랙 목록에 제목을 제공합니다. HTML5 비디오의 동적 썸네일을 어떻게 생성 할 수 있습니까? HTML5 비디오를위한 동적 축소판 만들기에는 특정 간격으로 비디오에서 프레임을 캡처하고 썸네일로 표시하는 것이 포함됩니다. 이것은 JavaScript와 'Canvas'요소를 사용하여 달성 할 수 있습니다. ‘캔버스’요소는 웹 페이지에 그래픽을 그리는 데 사용됩니다. 다음은 다음과 같은 방법의 예입니다. var canvas = document.getElementById ( "canvas"); var context = canvas.getContext ( "2d");
이 예에서는 'captions_en.vtt'및 'captions_fr.vtt'가 영어와 프랑스어 캡션이 각각 포함 된 파일. html5 비디오의 재생 속도는 '비디오'요소의 '재생 계수'속성을 사용하여 제어 할 수 있습니다. 이 속성은 비디오 재생의 속도를 설정합니다. 예를 들어, 1.0의 재생 속도는 정상 속도로 비디오를 재생하고, 0.5는 반 속도로 비디오를 재생하며, 2.0은 비디오를 이중 속도로 재생합니다. 사용 방법의 예는 다음과 같습니다.
var video = document.getElementById ( "myvideo"); function speedup () {}
이 예제에서 '느린 다운'버튼을 클릭하면 재생 속도가 0.1로 줄어들고 '속도 업'버튼을 클릭하면 재생 속도가 0.1만큼 증가합니다. <.> html5 비디오를 루프하는 방법 html5 비디오를 루프하려면 '비디오'태그에서 '루프'속성을 사용할 수 있습니다. '루프'속성은 부울 속성입니다. 존재하면 비디오가 끝날 때마다 다시 시작될 것을 지정합니다. 다음은 사용 방법의 예입니다. html5 비디오를 음소거하려면 '비디오'태그에서 '음소거 된'속성을 사용할 수 있습니다. ‘음소거 된’속성은 부울 속성입니다. 존재하면 비디오의 오디오 출력을 음소거해야합니다. 사용 방법의 예는 다음과 같습니다.
>>
이 예에서는 비디오가 오디오 음소거로 재생하기 시작합니다. 내 html5의 볼륨을 어떻게 제어 할 수 있습니까? 비디오?
턴 줄 turn up var video = document.getElementById ( "myvideo");
function turndown () { if (video.volume> 0.1 ) {} HTML5 비디오의 컨트롤을 표시하려면 '비디오'태그에서 '컨트롤'속성을 사용할 수 있습니다. 'Controls'속성은 부울 속성입니다. 존재하면 비디오 컨트롤을 표시해야합니다. 이러한 컨트롤에는 재생/일시 정지, 볼륨 및 전체 화면이 포함됩니다. 사용 방법의 예는 다음과 같습니다. 위 내용은 HTML5 비디오 : 조각, 캡션 및 동적 썸네일의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
이 예에서는 'Thumbnail.jpg'는 비디오의 썸네일로 사용될 이미지입니다. html5 비디오 썸네일 이미지를 클릭 할 때만 시작? 
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
