Videojs获得视频尺寸以全屏模式
问题描述:
我能够得到宽度&大小的实际视频(不是玩家)的在不使用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!
答
既然是全屏幕上,你可以使用下面的代码获取屏幕的宽度和高度:
var width = screen.width;
var height = screen.height;
+0
感谢您的建议,这将永远是实际的视频大小?如果视频宽高比不一样,视频是否会拉长?我需要视频的大小,没有黑色边框。 TIA! –
+0
嗯,我不知道。如果你可以提供一个JSFiddle与你的代码,也许我可以帮助更多。 – Thanasis
videoWidth和videoHeight属性返回不是元素的介质的宽度和高度。当你进入全屏模式时,这些变化不会变化。 – Kaiido