从 Azure Media Player 获取视频宽度和高度

Question

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

我事先不知道视频的尺寸是多少（它们会有所不同）。我的问题是，当我播放视频时，如果我没有创建具有正确比例的视频元素来匹配视频，则视频周围会出现黑色边框（在 top/bottom 或 left/right 处） .例如，请参见下图，注意视频左右两侧的黑色大边框。我想要获取视频大小，以便我可以更正尺寸并去除边框。

Azure Media Player API 好像说我可以得到 videoWidth and 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>"
}]);

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

非常感谢任何帮助。

Answer 1

实际上videoWidth/videoHeight是函数。

您还应该在就绪处理程序中使用 this 关键字。

例如：

amp(video, options, () => console.log(this.videoWidth())

从 Azure Media Player 获取视频宽度和高度

Get Video Width and Height from Azure Media Player

javascript

html5-video

azure-media-services

azure-media-player