0

这是问题所在。我正在将 Angular JS + Phonegap 用于 iPad 应用程序，并且在关闭嵌入了视频的模态窗口后，我试图在页面上保持相同的路线。

我最初遇到的问题是关闭模态窗口后视频不会停止播放，所以我添加了一个类似的onTouchStart事件closeWindow()：

<div class="modal-youtube" ng-class="{visible: modalActive}">
    <a class="close" href="#/mypage/#" eat-click ng-click="closeVideo()" onTouchStart="closeVideo()"></a>
    <iframe width="560" height="315" ng-show="youtubeLink" ng-src="{{youtubeLink}}" frameborder="0" allowfullscreen></iframe>
</div>

这适用于在关闭时停止视频，但是，当现在关闭视频时它想要转到主页。我将其更改href="#"为现在href="#/mypage/#的状态，以便至少留在我想成为的页面上，但不在同一条路线上。

例如，我在不同的路线或网址上有几个不同的视频，例如：#/mypage/product1、#/mypage/product3、#/mypage/product6

以下是播放和关闭视频的功能：

$scope.youtubeLink = null;
$scope.modalActive = false;
$scope.playVideo = function() {
    $scope.youtubeLink = angular.copy($scope.product.youtube);
    $scope.modalActive = true;
};

$scope.closeVideo = function() {
    $scope.youtubeLink = null;
    $scope.modalActive = false;
};

任何修复或帮助表示赞赏！

4

0 回答 0