2010-04-08 6 views
18

현재 HTML5 동영상 플레이어에서 작업 중이므로 iPad를 제외한 모든 곳에서 작업하고 있습니다. 기본적으로 소리를 제외한 모든 것을 제어 할 수 있습니다. mute 버튼이 있습니다. Google 크롬, Firefox 3.6 및 Mac OS의 Safari에서 제대로 작동하지만, iPad에서는 video.volume에 어떤 값을 입력했는지에 상관없이 아무런 변화가 없습니다 사고.HTML5 동영상 볼륨

아무도 제대로 작동하지 않았습니까? 자바 스크립트

<video src="video_url" width="608" height="476" autobuffer="autobuffer" id="html5-player" preload> 
    Your browser doesn't support HTML5. 
</video 

그리고 여기 :

여기 내 HTML 코드의

var muted = false; 
$j('.player-mute').click(function(){ 
    if(muted) { 
     videoPlayer.volume = 1; 
     muted = false; 
    } else { 
     videoPlayer.volume = 0; 
     muted = true; 
    } 
}); 
+0

당신이 코드의 단순화 된 버전을 게시 할 수 (html로는 및 자바 스크립트)? 코드가 없으면 무엇이 잘못되었는지 알기가 어렵습니다. – lostriebo

+0

클릭이 제대로 트리거되고 볼륨 값이 변경되지만 소리는 iPad에서 동일하게 유지됩니다. – Mikushi

+0

다소 길지만, double (즉,'videoPlayer.volume = 1.0;'또는'videoPlayer.volume = 0.0;')을 지정하면 어떤 차이가 있습니까? – lostriebo

답변

3

당신은 장치의 사용자가 비디오를 시작하고, 할 수 있다고 말한다 아이 패드 HTML5 비디오 설명서를 읽는다면 볼륨을 변경하십시오. 아이폰 OS 디바이스에

+0

클릭 이벤트에 의해 트리거되는 경우 작동해야합니다. 그렇지 않습니다. 내 말은 비디오 재생()에서 작동한다는 것을 의미하고, 내 재생 버튼에 바인딩 된 클릭 이벤트가 있고 문제가없는 반면, 음소거 버튼이 작동하지 않는 것은 내가 수정 한 속성이기 때문일 수 있습니다. – Mikushi

18

volume 속성은 읽기 전용Apple's documentation에 따라 : iOS 장비에

는, 오디오 레벨은 사용자의 실제 통제하에 항상. JavaScript에서는 volume 속성을 설정할 수 없습니다. 읽기 볼륨 속성은 항상 기능과 같은 1

+1

iOS 페이지로 직접 연결되는 HTML 링크 : https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html –

-4
var muted = false; 
$j('.player-mute').click(function(){ 
if(muted) { 
    videoPlayer.volume(1); 
    muted = false; 
} else { 
    videoPlayer.volume(0); 
    muted = true; 
} 
}); 

사용을 반환

+0

동영상 요소의 볼륨 속성이 함수가 아닙니다. . – mwm

관련 문제