HTML5에서 동영상 재생 속도를 변경하는 방법은 무엇입니까?

124

HTML5에서 비디오 재생 속도를 변경하는 방법은 무엇입니까? w3school에서 비디오 태그의 속성 을 확인 했지만 접근 할 수 없었습니다. 어떤 도움을 주시면 감사하겠습니다!

— 젊은
소스

200

이 사이트 에 따르면 DOM을 통해 액세스 할 수 있는 playbackRate및 defaultPlaybackRate속성 에서 지원됩니다 . 예:

/* play video twice as fast */
document.querySelector('video').defaultPlaybackRate = 2.0;
document.querySelector('video').play();

/* now play three times as fast just for the heck of it */
document.querySelector('video').playbackRate = 3.0;

위의 내용 은 Chrome 43+, Firefox 20+, IE 9+, Edge 12+에서 작동합니다.

— 제레미 비서
소스

1

도움이되는 리소스에 감사드립니다. Firefox가 Chrome에서 제대로 작동하는 데모를 만든 속성을 지원하지 않지만 제 상사가 좋아할 것 같습니다. 감사합니다!

— Young

4

playbackRate 는 버전 20부터 Firefox에서 작동합니다 . Chrome에서도 작동합니다.

— Janus Troelsen 2013

2

이것은 처음에 실행될 때 작동하지만 프로세스에서 나중에 실행되는 경우에는 작동하지 않습니다. 예 : window.onload = function () {document.getElementById ( "master_video"). defaultPlaybackRate = 0.1; document.getElementById ( "master_video") .play ();}

— Fzs2

그 이온 작동하지 안드로이드 ... 나는 안드로이드를위한 이온 성 framwork에 HTML %의 비디오 플레이어를 사용하고 있지만, 재생 속도를 지원하지 .........

— 네쉬 R이 라

1

@Sushan .querySelector은 첫 번째 일치하는 항목을 반환합니다. 을 사용할 수 .querySelectorAll있지만이 답변의 코드를 직접 사용하는 대신 반복해야합니다.

— leewz

52

그냥 입력

document.querySelector('video').playbackRate = 1.25;

최신 브라우저의 JS 콘솔에서.

— Andrey Panasyuk
소스

비디오 요소의 일부 속성으로 인해이 명령이 작동하지 않습니다. 이 콘솔 명령이 실패하면 검사기에서 비디오 요소 및 상위 요소의 속성을 확인하고 비디오와의 사용자 상호 작용을 차단하는 속성을 제거하십시오. 명령을 다시 시도하십시오.

— Christopher Harwood 2018

0

이 코드를 사용할 수 있습니다.

var vid = document.getElementById("video1");

function slowPlaySpeed() { 
    vid.playbackRate = 0.5;
} 

function normalPlaySpeed() { 
    vid.playbackRate = 1;
} 

function fastPlaySpeed() { 
    vid.playbackRate = 2;
}

— 압둘 쿠 디르
소스

안녕하세요 @Armel, Python과 함께 Selenium을 사용하는 경우이 코드를 어디에 넣을지 알 수 있습니까?

— balandongiv

안녕하세요 @balandongiv, 모르겠습니다. (

— Armel

-1

javascript:document.getElementsByClassName("video-stream html5-main-video")[0].playbackRate = 0.1;

여기에 숫자를 넣을 수 있습니다. 멀리 가지 말고 컴퓨터를 과도하게 사용하지 마십시오.

— Mattyduke1
소스