我在< 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开发人员工具中看到这一点)。
为什么会这样?还有其他选择吗?