Tengo videos que estoy transmitiendo desde Azure Media Services y se muestran en mi página web mediante la API de Azure Media Player.

No sé de antemano cuáles son las dimensiones de los videos (y variarán). Mi problema es que cuando reproduzco el video hay un borde negro (ya sea en la parte superior/inferior o en la izquierda/derecha) alrededor del video si no creo el elemento de video con la proporción correcta para que coincida con el video. Vea, por ejemplo, la imagen a continuación, observe los grandes bordes negros a la izquierda y derecha del video. Me gustaría obtener el tamaño del video para poder corregir las dimensiones y eliminar el borde.

La API de Azure Media Player parece decir que puedo obtener videoWidth y videoHeight . Pero no estoy seguro (en Javascript) de qué objeto obtener esos valores.

En mi secuencia de comandos a continuación, cuando hago console.log en el objeto del player , no veo videoWidth o videoHeight como parte del objeto del reproductor.

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

La siguiente captura de pantalla es lo que se registra. A menos que me esté perdiendo algo, no veo los valores videoWidth o videoHeight .

Cualquier ayuda es muy apreciada.