视频开始播放离子的速度很慢

Question

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

我的代码：

HTML

单击此模型后，将打开一个模型并播放视频：

video 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

在您的 Ionic 项目中使用 Crosswalk (Chromium webview) 时，Android 的大多数音频和视频元素问题都不存在。

免责声明：添加 Crosswalk 会增加应用程序的二进制大小。

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

离子浏览器添加人行横道

Answer 2

尝试使用 HTML 标签代替标签，在当前 HTML 中嵌入另一个文档。请看下面的例子：

在此处了解 iframe：w3school iframe link