Question

我不想在我的离子应用中播放Vimeo视频。我有一个显示视频的页面。我在视图中有一个包含视频播放器的iframe。当我点击iframe时，它会在全屏模式下打开视频。当我退出视频时，它应该将我发送回包含iframe的视图，但它会将我发送到另一个视图，该视图与该视图完全无关。它的层次结构是该视图的远亲。这是代码。

<ion-pane ng-controller="HowToVideoDetailCtrl as howToVideoDetail">
<ion-header-bar class="bar bar-header bar-positive">
    <button ng-click="howToVideoDetail.back()" class="button button-white button-clear"><i
        class="icon ion-ios-arrow-left"></i> Back
    </button>
    <h1 class="title">{{ video.title }}</h1>
</ion-header-bar>
<ion-content class="has-tabs background-stable" scroll="false">

    <ion-scroll>
        <div ng-init="howToVideoDetail.initVideo()">
        </div>
        <iframe ng-src="{{src}}" width="100%" height="360" frameborder="0" title="" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen="true"></iframe>
        <p>{{ video.description }}</p>
    </ion-scroll>
</ion-content>

和控制器

(function() {
'use strict';
angular.module('app')
    .controller('HowToVideoDetailCtrl', HowToVideoDetailCtrl);

HowToVideoDetailCtrl.$inject = ['$scope', '$stateParams', '$sce', '$ionicHistory'];

/**
 * HowToVideoDetail screen template CONTROLLER
 * @param {object} $scope
 * @param {object} $stateParams
 * @param {object} $sce
 * @constructor
 */
function HowToVideoDetailCtrl($scope, $stateParams, $sce, $ionicHistory) {

    var howToVideoDetail = this;
    $scope.video = $stateParams.video;
    $scope.src = $sce.trustAsResourceUrl('https://player.vimeo.com/video/' + $stateParams.video.uri.substring(8));

    howToVideoDetail.back = back;

    function back() {
        $ionicHistory.goBack();
    }
}

}（））;

离开退出iframe全屏模式到错误的页面

0 个答案: