Angular 8 - 当 src 以编程方式更改时 HTML 视频元素不会更改视频

Question

我的网络应用程序在后台播放 MP4 视频。但是，当我更新绑定并更改视频源时，视频保持不变

<video autoplay loop>
    <source [src]="videoSrc" type="video/mp4">
</video>
{{videoSrc}}

我的TS代码：

this.videoSrc = "video.mp4";
...
interval(10000).subscribe(x => {
  this.videoSrc = "otherVideo.mp4";
});

为什么绑定没有更新？

Answer 1

您应该在视频标签中绑定 src 属性，而不是绑定源标签。

<video autoplay loop muted playsinline="true" webkit-playsinline="true" [src]="videoSrc" type="video/mp4">
</video>

检查这个 stakblitz https://stackblitz.com/edit/angular-ivy-hlqbza