Videojs在ipad上暂停和淡出后无法播放

Videojs在ipad上暂停和淡出后无法播放,ipad,video,video.js,Ipad,Video,Video.js,我有一个带有videojs播放器的页面 <div id='modal-bg'> <div id="video-exit"></div> <div class="video-box-wr"> <video id="model_vid" class="video-js vjs-default-skin" controls poster="myposter.png" data-setup='{}'>

我有一个带有videojs播放器的页面

  <div id='modal-bg'>
    <div id="video-exit"></div>
    <div class="video-box-wr">
      <video id="model_vid" class="video-js vjs-default-skin" controls poster="myposter.png" data-setup='{}'>
        <source src="video.mp4" type='video/mp4'>
      </video>
    </div>
  </div>
在桌面(Chrome、Firefox、Safaru和IE9)上运行良好,但在iPad(iOS 6.1.2)上不起作用

首先,video_player.play()在淡入回调后在回调内不起作用。当它在回调之外时,就像上面的代码一样,它确实开始正常播放

第二次-当您退出视频时,它会停止并正常淡出-但当您再次按“播放”时,视频会淡入但不会播放。控件可见但不工作,屏幕为黑色。退出仍然有效,玩家可以正常淡出


报告了类似的问题,但没有解决方案。

我也有类似的问题。我通过调整不透明度解决了这个问题。调用
时显示:无/
显示:块某些浏览器正在进行一些重置。我想我在firefox上也有这个问题。另外,另一个选项是将高度设置为0%,以使外观保持不变。希望这能为你指明正确的方向

if($('#model_vid').length>0){
        _V_("model_vid").ready(function() {
            var video_player = this;

            $("#view-video-button").click(function(){
                    $("#modal-bg").fadeIn(function(){
                        // video_player.play();                 
                    }); 
                    video_player.play();
            });

            $("#video-exit").click(function(){
                video_player.currentTime(0);
                video_player.pause();
                $("#modal-bg").fadeOut();       
            });
        }); 
    }