기본 HTML5 비디오 볼륨을 설정하는 방법이 있습니까?

Question

HTML5 동영상은 항상 100 % 볼륨에서 시작합니다.

어떻게하면 50 % 볼륨으로 시작할 수 있습니까?

Answer 1

var video = document.getElementById('player'); 
video.volume = 0.5; 

P. 호환성을 위해 this 스크립트를 사용하십시오. jQuery로

Answer 2

약간의 트릭을 사용할 필요가 : jQuery를 사용하여 기본 볼륨을 설정

$('#your_video_id').get(0).volume = 0; 

Answer 3

을 다음과 같이

$(function() { 
    $("video").each(function(){ this.volume = 0.5; }); 
}); 

Answer 4

당신은 <video> 요소의 volume 특성에 영향을 줄 수 있습니다 :

document.getElementsByTagName('video')[0].volume = 0.5; 

다음과 같이 JQuery와의 컬렉션 개체의 볼륨을 변경하기 위해 자신의 prop 방법을 사용할 수 있습니다 jQuery를 사용하는 경우 :

$("video").prop("volume", 0.5); 

이 컬렉션의 모든 DOM 요소를 변경합니다.

Answer 5

<div> 
    <video id="sampleMovie" src="mp4/Premier delivery.mp4" width="777" height="582.75" controls autoplay ></video> 
     <script> 
     var video = document.currentScript.parentElement; 
     video.volume = 0.1; 
     </script> 
    </div> 

완벽하게 작동합니다! 당신은 자바 스크립트와 혼란을 원하지 않는 경우

Answer 6

, 당신이 이런 식으로 작업을 수행 할 수 있습니다, 당신은 events 중 하나를 활용할 수를 가정

<video muted=""> 
    <source src="yourvideo.mp4" type="video/mp4"> 
</video> 

Answer 7

당신의 HTML에 JS를 혼합 좋은 것 같은 loadstart 같이

<video onloadstart="this.volume=0.5" ...> 

주의 : 브라우저 지원 - 크롬 최신에서 작동하고, FF는 (하지만, 시각적 버그가있다). 다른 사람을 테스트하지 않았습니다.