Question

我正在开发一个应用程序，我正在使用视频标签来获取旋转木马内的视频。我已经第一次参加了比赛。但我无法在ipad中播放视频，播放按钮出现，并且有一条线路出现在它上面。就像我无法点击播放按钮。我正在使用以下代码。

<div class="carousel-inner embed-responsive embed-responsive-16by9" role="listbox">
    <div class="item active">
        <img data-ng-src="{{carouselArray[0]}}"alt="abn1"/>
    </div>
    <div data-ng-repeat="clist in carouselList" class="item">
        <img data-ng-src="{{imagelist.url}}" alt="abn2"/>
    </div>
    <div id="videoDiv" data-ng-show="showVideo">
        <video id="businessVideo" controls="true" height="554px;" width="100%" src="{{videoUrl[0]}}" type="{{videoFileType}}" preload="auto"></video>
    </div>

这里videoUrl包含我从服务电话获得的视频的网址。当视频加载时以及当旋转木马第一次滑动到视频元素时，我正在进行播放。以后它会在手动点击时播放。

$('.carousel').on('slide.bs.carousel', function (event) {
            var totalItems = $('.item').length;
            var videoIndex = totalItems-1;
            var active = $(event.target).find('.carousel-inner > .item.active');
            var next = $(event.relatedTarget);
            var to = next.index();

            if(to == (totalItems-1)){
                if(!(playedFirstTime) && (media.readyState === 4) )  {
                        media.play();  
                        playedFirstTime = true;
                }
            }
        });

视频在其他浏览器中正常播放。但是在 IPAD 中，播放按钮会出现，但我无法播放视频。播放按钮上有一条线，就像它被禁用一样。

无法在Ipad中播放html5视频，播放按钮出现但无法点击。

0 个答案: