2017-02-12 872 views
0

我能夠得到寬度&大小的實際視頻(不是玩家)的在不使用videoWidth()和videoHeight()全屏模式,就像這樣:Videojs獲得視頻尺寸以全屏模式

var SVideo = videojs('SingularVideo').ready(function(){ 

    resizeFunc(this.videoWidth(), this.videoHeight()) 

    }); 

的問題是,我需要檢查當用戶進入全屏模式視頻的大小,所以我聽的「fullscreenchange」事件,並再次檢查:

SVideo.on("fullscreenchange", 
     function() { 
      resizeFunc(SVideo.videoWidth(), SVideo.videoHeight()); 
    }); 

但在fullscreenchange回調,寬度和高度不會改變,數值與如果相同視頻不處於全屏模式。 我非常感謝任何關於如何在全屏模式下獲得實際視頻寬度和高度的建議。 TIA!

+0

videoWidth和videoHeight屬性返回不是元素的介質的寬度和高度。當你進入全屏模式時,這些變化不會變化。 – Kaiido

回答

0

既然是全屏幕上,你可以使用下面的代碼獲取屏幕的寬度和高度:

var width = screen.width; 
var height = screen.height; 
+0

感謝您的建議,這將永遠是實際的視頻大小?如果視頻寬高比不一樣,視頻是否會拉長?我需要視頻的大小,沒有黑色邊框。 TIA! –

+0

嗯,我不知道。如果你可以提供一個JSFiddle與你的代碼,也許我可以幫助更多。 – Thanasis