2010-04-08 202 views
18

我目前正在研究一款HTML5視頻播放器,除iPad之外,我已經在其他任何地方都能正常工作。 基本上,我可以控制一切,除了聲音,我有一個mute按鈕,它可以在Mac OS上的Google Chrome,Firefox 3.6和Safari上正常工作,但在iPad上無論我在video.volume中放置什麼值,都沒有變化發生。HTML5視頻量

有沒有人得到它正常工作?

這裏是我的HTML代碼:

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

而這裏的Java腳本:

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

您可以發佈您的代碼的簡化版本(HTML和JavaScript)?沒有任何代碼,很難知道可能是錯的。 – lostriebo 2010-04-08 19:23:46

+0

點擊被正確觸發,音量值發生變化,但聲音在iPad上保持不變。 – Mikushi 2010-04-08 19:48:40

+0

這是一個長鏡頭,但是如果指定double(即'videoPlayer.volume = 1.0;'或'videoPlayer.volume = 0.0;'),它會產生什麼影響? – lostriebo 2010-04-08 21:00:15

回答

3

如果你在iPad上閱讀HTML5視頻文件它說,該設備的唯一用戶可以啓動視頻和改變音量。

+0

如果它是由點擊事件觸發的,它應該可以工作,不是嗎?我的意思是它適用於視頻播放(),我有一個點擊事件綁定在我的播放按鈕,我沒有問題,而靜音按鈕不起作用,可能是因爲它是一個屬性,我修改? – Mikushi 2010-04-08 20:58:14

18

volume財產上的iOS設備是根據Apple's documentation只讀:

在iOS設備上的音頻電平始終是用戶的物理控制之下。無法在JavaScript中設置音量屬性。讀卷屬性總是返回1.

+1

指向iOS頁面的直接HTML鏈接:https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html – 2015-07-31 16:12:48

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

使用類似功能

+0

視頻元素的音量屬性不是一項功能。 – mwm 2016-11-07 15:56:47