我有从 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>"
}]);
以下屏幕截图是记录的内容。除非我遗漏了什么,否则我看不到videoWidth
orvideoHeight
值。
非常感谢任何帮助。