ionicframework:视频src调用被取消

时间:2015-08-06 14:00:50

标签: angularjs ionic-framework html5-video ionic

我在< ion-slide>

中有这段代码
<ion-slide ng-repeat="item in lista track by item.nid">
    <div id="immaginiBox" >
        <div class="titolo">{{item.titolo}}</div>
        <blockquote class="desc" ng-show="item.desc != null"> 
            {{item.desc}}
        </blockquote>
        <img id="thumb_{{$index}}" ng-click="playVideo($index)" style="width:100%;" />
        <video style="display:none;" video-reset id="video_{{$index}}" controls="" width="100%" height="300px"></video>
    </div>
</ion-slide>

这是我的playVideo()函数:

$scope.playVideo = function($index) {
    $ionicLoading.show(
        { 'template' : '<ion-spinner ng-hide="spinnerHide"></ion-spinner>'}
    );


    var video = document.getElementById('video_'+$index);
    video.src = $scope.lista[$index].videoT;
    $timeout(function() {video.play();});
}

在IOS下所有工作。在Android下(我目前仅通过模拟器进行测试)视频无法启动,因为执行了对视频src的调用,但随后立即取消(我可以在chrome开发人员工具中看到这一点)。

为什么会这样?还有其他选择吗?

0 个答案:

没有答案