Видео не воспроизводится при асинхронном наблюдаемом вызове

Question

У меня есть элемент видео в html-файле, когда я устанавливаю строку параметра источника, он воспроизводится отлично, но когда я передаю значение через наблюдаемый асинхронный вызов, видео не воспроизводится, независимо от того, получает ли селектор правильное значение src.Это мой код:

<div class="modal" [ngClass]="{'is-active':isActive}">
    <div class="modal-background"></div>
    <div class="modal-card">
        <header class="modal-card-head">
            <p class="modal-card-title">{{(info$ | async).name}}</p><button class="delete" (click)="onClose()" aria-label="close"></button></header>
        <section class="modal-card-body">
            <p>{{(info$ | async).url}}</p><video id="video" controls="controls"><source [src]="(info$ | async).url" type="video/mp4"/></video></section>
        <footer class="modal-card-foot"></footer>
    </div><button class="modal-close is-large"></button></div>

Просто упомяните, что все другие асинхронные наблюдаемые вызовы работают, но видеовызов не