刷新/重新初始化主页 - Angular JS

Question

我有一个在我的主页上播放的视频，当我导航到其他页面时，它不再显示（这就是我想要的）。但是，当我点击链接返回主页时，我希望视频再次开始播放甚至显示。我想要做的是当我重定向回主页时刷新主页的页面/状态。我尝试了几种尝试让这种情况发生的方法，但没有运气！这是我的代码（这不包括我尝试过的）。

我想要发生的是当我点击主页然后点击链接（显示在index.html代码段中）时，我希望页面返回到视频显示和播放时的原始状态。但你不再看视频了。假设当我离开并返回主页时，控制器不会重新启动，因为它已经创建。所以我想尝试刷新或重新启动主页

的index.html

HomeCtrl

HomeSvc

App.js

我很感激帮助!!

Answer 1

事件$routechangestart上的功能会产生问题。 因为当您离开主页时，播放器将停止并从DOM中删除。但是当你回到主页时，他显然已被删除了。

您是否有义务移除播放器以停止播放？如果你不删除它，它会在你去其他页面时继续播放吗？

尝试删除下面的部分并告诉你没有

 $scope.$on($routechangestart...);

修改

我应该建议你放弃这个插件，我认为非常差。 当你使用Angular时，你应该继续使用angular插件而不是jquery，你有这么多！经过快速研究，我找到了2个维护项目，第一个是angular-video-background，看起来足够稳定，比okvideo更丰富。第二个是ngVideo，它几​​乎完全相同。选择你想要的。

使用这两个角度插件，主要优点是播放/暂停控制。然后你将你的观察者放在你$routechangestart内，根据你到达的内容暂停和播放。但有一点肯定的是，留下这个jquery插件okvideo

编辑2

看看videogular似乎非常受欢迎