Intenté ajustar el width y el height y mostrar los captioned de la inserción de ig, pero ninguno parece funcionar.

Este ejemplo se ha utilizado como referencia.

Este caso no hace ningún cambio, pero se ajusta al ancho de la ventana gráfica. Pero cuando lo uso, no importa cómo modifique la ventana, se muestra con un ancho pequeño y no se puede mostrar con subtítulos.

anchura y altura:

 <blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/CGSnZSIHaiu/?utm_source=ig_embed&utm_campaign=loading" data-instgrm-version="14" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; min-width:326px; <<=======

Intenté modificar max-width y min-width ..etc dentro de blockquote , pero no funcionó.

mostrando captioned

 <blockquote class="instagram-media" data-instgrm-captioned <=======here data-instgrm-permalink="https://w....

Al agregar data-instgrm-captioned a las propiedades, muestra el captioned , pero no funcionó en mi caso.

Esta inserción debe agregarse (<any>window).instgrm.Embeds.process(); para mostrar con éxito. Me pregunto si tiene algo que ver con el momento de la operación.

ACTUALIZAR:

Descubrí que el problema es con innerHTML (angular).

 <div class="ig-container"> <div [innerHTML]="html"> </div> </div>

Si este es el caso, ig se extenderá naturalmente:

 <div class="ig-container"> <blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://w.... </div>

Intenté configurar css para que se extendiera automáticamente sin éxito:

 <div class="ig-box" [innerHTML]="html"> </div> .ig-box { width: 1000px; }