1

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

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

在此处输入图像描述

Azure Media Player API 似乎说我可以获得videoWidth和videoHeight。但我不确定（在 Javascript 中）从哪个对象中获取这些值。

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

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 回答