视频无法以可观察到的异步方式播放

Question

我在html文件中有一个video元素，当我设置源参数字符串时，它可以完美播放，但是当我通过可观察到的异步调用传递值时，无论选择器是否获得了正确的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>

仅提及所有其他异步可观察到的呼叫都可以，但是视频通话却不能