1

我有从 Azure 媒体服务流式传输的视频,并且正在使用 Azure 媒体播放器API在我的网页中呈现。

我不提前知道视频尺寸是什么(它们会有所不同)。我的问题是,当我播放视频时,如果我没有创建具有正确比例的视频元素以匹配视频,则视频周围会出现黑色边框(在顶部/底部或左/右)。例如,请参见下图,注意视频左右两侧的黑色大边框。我想获得视频大小,以便我可以更正尺寸并摆脱边框。

在此处输入图像描述

Azure Media Player API 似乎说我可以获得videoWidthvideoHeight。但我不确定(在 Javascript 中)从哪个对象中获取这些值。

console.log在下面的脚本中,当我player看不到对象videoWidthvideoHeight作为播放器对象的一部分时。

let myOptions = {
    controls: true,
    autoplay: true,
    logo: { enabled: false }
};
myPlayer = amp(video, myOptions, () => {
    console.log(myPlayer);
});
myPlayer.src([{
    src: "<manifestURL>",
    type: "<type>"
}]);

以下屏幕截图是记录的内容。除非我遗漏了什么,否则我看不到videoWidthorvideoHeight值。

在此处输入图像描述

非常感谢任何帮助。

4

1 回答 1

1

实际上 videoWidth/videoHeight 是函数。

此外,您应该this在 ready 处理程序中使用关键字。

例如 :

amp(video, options, () => console.log(this.videoWidth())
于 2021-11-24T21:02:48.813 回答