Javascript HTML5视频下载两次

我有一个angular指令，它将

视频元素

添加到html中

elem.append("<video " + "src='" + scope.MediaURL + "' type='video/" + type + "'"></video>")

trustUrl

是我从中获取的筛选器，因为存在相同的问题

但问题是现在视频下载了两次。我不知道为什么。可能是因为过滤器的缘故吗？

编辑：我不认为这是因为过滤器，因为没有它，错误会抛出两次

我需要提供更多的细节。该模板包含

视频

和

img

元素。根据

mediaUrl

中的媒体类型，仅显示一个。看起来是这样的：

<video controls preload="metadata" autoplay ng-src="{{mediaUrl | trustUrl}}"></video>

<video ng-if="mediaType == 'video'"></video>
<img ng-if="mediaType == 'image'" />

视频仅在第一次显示

视频

元素时下载两次。因此，如果

mediaType

是图像，并更改为视频，则将下载两次。如果我然后改变的网址，其中也有视频，它将被下载一次。若我将url改回图像，然后再改回视频，它将被再次下载两次，以此类推