{namespace bk2k = BK2K\BootstrapPackage\ViewHelpers}

<br>

<bk2k:externalMedia url="{external_media_source}" class="embed-responsive-item">
    <f:if condition="{externalMedia}">
        <f:then>
            <div class="embed-responsive embed-responsive-{external_media_ratio}">
                <f:format.raw>{externalMedia}</f:format.raw>
            </div>
        </f:then>
        <f:else>
            <div class="alert alert-warning">
                <f:translate key="externalmediaunsupported" extensionName="bootstrap_package" arguments="{0: '<strong>{external_media_source}</strong>'}" />
            </div>
        </f:else>
    </f:if>
</bk2k:externalMedia>
{namespace bk2k = BK2K\BootstrapPackage\ViewHelpers}

<br>

<bk2k:externalMedia url="{external_media_source}" class="embed-responsive-item">
    <f:if condition="{externalMedia}">
        <f:then>
            <div style="max-width: 400px;">
                <div class="embed-responsive embed-responsive-{external_media_ratio}">
                    <f:format.raw>{externalMedia}</f:format.raw>
                </div>
            </div>
        </f:then>
        <f:else>
            <div class="alert alert-warning">
                <f:translate key="externalmediaunsupported" extensionName="bootstrap_package" arguments="{0: '<strong>{external_media_source}</strong>'}" />
            </div>
        </f:else>
    </f:if>
</bk2k:externalMedia>
Reduce size of external media preview
[TASK] Reduce size of external media preview
