时间戳

首页 > 解决方案 > Ionic v1 html5 视频播放器屏幕变黑但音频继续

android - Ionic v1 html5 视频播放器屏幕变黑但音频继续

问题描述

我有一个带有 html5 视频播放器的 ionic v1 应用程序，它从 API 中提取，但是当我播放我的应用程序大约 2-3 分钟时，屏幕变黑但音频继续播放，这只发生在 android 上我该如何解决这个问题？

html:

 <div ng-repeat="item in allvods">
    <video ng-show="item.id == vodid" poster="{{item.image_2}}" 
           preload="auto" class="theplayios" height="100%" width="100%"
           webkit-playsinline controls>
      <source src="" dynamic-url dynamic-url-src="{{item.hls_stream}}"
              type="application/x-mpegURL">
    </video>
 </div>

控制器：

.controller('playvodCtrl', function($scope, $localStorage, $rootScope, $ionicPopup, $state, $stateParams, $http) {
    $scope.apiusername = 'enyigba';
    $scope.apipassword = 'cbc443cd9a3899f0b3f5c14682ae3fa1';
    $scope.vodid = $stateParams.vidId;
    $scope.vidtitle = $stateParams.vidtitle;
    $scope.catid = $stateParams.catId;
    if(typeof analytics !== undefined) {
        analytics.trackView("Playing Vod: " + $scope.vidtitle);
    }

    $scope.initEvent = function() {
        if(typeof analytics !== undefined) {
            analytics.trackEvent("Vod", "Action", "Label", 25); 
        }
    }
    $http.get('http://tvstartup.biz/mng-channel/vpanel/api/vodplaylistsion.php?user=' + $scope.apiusername + '&pass=' + $scope.apipassword + '&id=' + $scope.catid)
      .success(function(data) {
        $scope.allvods = data.videos;
    });
})

应用程序.js

.directive('dynamicUrl', function () {
    return {
        restrict: 'A',
        link: function postLink(scope, element, attr) {
            element.attr('src', attr.dynamicUrlSrc);
        }
    };
})

以上是视频播放器的所有部分

标签： androidangularjsvideoionic-v1

解决方案

对 HTML 中的视频使用 iframe 标签<iframe></iframe>

推荐阅读