编辑：

Question

我正在使用Angularjs来构建Web应用程序！我面临的问题是，当一个人正在玩时，我无法阻止其他视频。

例如，这是我的控制器：

function MyCtrl($scope) {
    $scope.video1 = 'https://www.youtube.com/embed/wsXWjj88vKo';
    $scope.video2 = 'https://www.youtube.com/embed/FVXajf9ALPM';
}

这是我的HTML

<div ng-controller="MyCtrl">
<iframe  ng-src="{{video1}}" width="400" height="300" frameborder="0" allowfullscreen></iframe>
    <iframe  ng-src="{{video2}}" width="400" height="300" frameborder="0" allowfullscreen></iframe>
</div>

有没有办法添加按钮来停止播放其他视频，或者在播放时停止或刷新或重新加载其他视频

以下是JS FIDDLE

Answer 1

使用这样的控制器：

<div ng-controller="MyCtrl">
<iframe  ng-src="{{video1}}" width="400" height="300" frameborder="0" allowfullscreen></iframe> 
<button ng-click='clickme()'>Change Video</button>
</div>

和你的观点一样：

var myApp = angular.module('myApp',[]);
    function MyCtrl($scope) {
        $scope.video1 = 'https://www.youtube.com/embed/wsXWjj88vKo';
        $scope.clickme = function(){
            $scope.video1 = 'https://www.youtube.com/embed/FVXajf9ALPM';
        }   
    }

干杯！

编辑：

或请参阅以下链接

http://jplayer.org/latest/demo-03-video/

Answer 2

以下是您的最终答案：

您必须为此目的使用任何插件/ JS。我可以为你提供 jplayer 。

请参阅以下链接

http://jplayer.org/latest/demo-03-video/

希望我现在帮助你了。

如何在Angular JS中的不同视频中只播放一个视频

2 个答案:

编辑：