Question

我有本地视频将在我的应用中播放。但在我的浏览器中它的工作正常。但是，当我试图在设备中看到。我的视频是空白的，10到20秒后我的视频才播放。帮帮我。我做错了什么？

我的代码：

HTML

一旦我点击这个模型弹出窗口将打开，它将播放视频：

视频popup.html

<div class="modal transparent fullscreen-player" ng-click="closeModal()">


    <video ng-src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" class="centerme" controls="controls" autoplay></video>

    <span class="ion-android-close nv"  ng-click="closeModal()"></span>


</div>

我的JS

$scope.playVideo = function() {
  $scope.showModal('templates/video-popover.html');
}

$scope.showModal = function(templateUrl) {
        $ionicModal.fromTemplateUrl(templateUrl, {
            scope: $scope,
            animation: 'slide-in-up'
        }).then(function(modal) {
            $ionicLoading.show({

  duration: 3000
});
            $scope.modal = modal;
            $scope.modal.show();
        });
    }

    // Close the modal
    $scope.closeModal = function() {
        $scope.modal.hide();
        $scope.modal.remove()
    };

请帮帮我。为什么它的播放时间为10-20秒，然后播放视频。

由于

Answer 1

大多数音频＆amp;在您的Ionic项目中使用Crosswalk（Chromium webview）时，Android的视频元素问题是不存在的。

免责声明：添加Crosswalk会增加应用二进制文件大小。

在将Crosswalk添加到项目之前进行备份。

离子浏览器添加人行横道

Answer 2

尝试使用HTML标记在当前HTML中嵌入另一个文档，而不是标记。请参阅以下示例：

在此处阅读iframe：w3school iframe link

视频开始播放非常慢的离子

2 个答案: