2013-06-06 83 views
0

我使用的是頁面上下面的視頻標籤,這樣當用戶改變音量纔想起後續視頻看房 -爲什麼的Video.js干擾HTML5視頻的「靜音」

<video class="video-js vjs-default-skin" controls preload="none" id="video1" data-setup="{}" onvolumechange="setVolume(this.volume,this.muted)"> 

setVolume調用函數來存儲和檢索音量級別。

如果我使用

data-setup="{}" onvolumechange="setVolume(this.volume)" 

的音量被記住,除非靜音按鈕被按下。我可以省略數據設置=「{}」,它會工作,我有相同的

問題是,當我使用

data-setup="{}" onvolumechange="setVolume(this.volume,this.muted)" 

音量記憶,但靜音不會被記住以下,實際上在頁面刷新後,卷被設置爲100%。但是,如果我省略了data-setup =「{}」那麼屏蔽就會被記住並且工作正常。

看來很明顯,data-setup =「{}」是什麼導致了這個問題。那麼爲什麼它會這樣做,video.js中有什麼衝突,我該如何解決它?

+0

另一個問題,我與video.js http://stackoverflow.com/questions/16957051/how-to-make-localstorage-work-in-opera/16959537?noredirect=1#16959537 –

回答

0

發現問題。我需要的腳本來掛接到了Video.js準備函數首先,像這樣

videojs("video1").ready(function(){ 
    var myPlayer = this; 
    getVolume(myPlayer); 

}); 

那麼你需要使用myPlayer.muted(真)setVolume功能;而不是正常的html5視頻API方式myPlayer.muted = true;

+0

很高興你能夠弄清楚。 – heff