AngularJS-HTML5视频正在加载多次

我有一个AngularJS应用程序，可以显示一些连续的视频，如果我转到另一个URL（通过使用另一个HTML引用，href），旧控制器将保持活动状态，两个视频仍在播放。这发生在我打开的同一控制器的每个新页面上，创建多个视频实例

控制器接收视频SRC并使用ng SRC进行设置

编辑

我正在通过ID获取视频元素：

var video = document.getElementById("video");

以及在控制器初始化时设置对应的源：

if (video) {
   video.src = Modernizr.video.ogg ? $scope.mainVideoUrlogv :
   Modernizr.video.webm ? $scope.mainVideoUrlwebm :
   $scope.mainVideoUrlmp;   

   $scope.playVideo();
}

HTML

---

解决方案是从页面中删除视频元素

var video = document.getElementById("video");

帮助执行移除操作

 video.remove(); //javascript way

然而，正如你在上一篇参考文献中所注意到的，我已经意识到它在IE上不起作用

解决方案是在jQuery中执行此操作

 $('video').remove(); //jQuery way

---

它可以在我测试过的浏览器中工作，即Chrome、Firefox Dev Edition和IE9、IE10。

你能给我们一些你的代码吗？是的，我已经编辑了帖子；）

 $('video').remove(); //jQuery way