0

これが問題です。iPadアプリにAngular JS + Phonegapを使用していますが、ビデオが埋め込まれたモーダルウィンドウを閉じた後、ページ上で同じルートに留まろうとしています。

私が最初に抱えていた問題は、モーダルウィンドウを閉じた後にビデオの再生が停止しないことだったので、次のような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 のような別のルートまたは URL にいくつかの異なるビデオがあります。

ビデオを再生して閉じるための関数は次のとおりです。

$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