從 Azure 媒體播放器獲取視頻寬度和高度

Question

I have video's I'm streaming from Azure Media Services and are being rendered in my web page using Azure Media Player API .

我不提前知道視頻尺寸是什么（它們會有所不同）。 我的問題是，當我播放視頻時，如果我沒有創建具有正確比例的視頻元素以匹配視頻，則視頻周圍會出現黑色邊框（在頂部/底部或左/右）。 例如，請參見下圖，注意視頻左右兩側的黑色大邊框。 我想獲得視頻大小，以便我可以更正尺寸並擺脫邊框。

Azure 媒體播放器 API 似乎說我可以得到videoWidth和videoHeight 。 但我不確定（在 Javascript 中）從哪個 object 獲取這些值。

在下面的腳本中，當我console.log player object 時，我看不到videoWidth或videoHeight作為播放器 object 的一部分。

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())