移動端視頻提供的標(biāo)簽video是視頻播放的功能。在安卓手機中一切都是正常的，只是ios貌似有點問題，就是全屏視頻時返回原始頁面的時候小視頻框會跳一下才能原位，優(yōu)化方案（這個肯定不是人腦能想出的）
html：（布局格式）

布局

js（因為只有ios是有問題的所以要判斷一下，安卓正常處理就好了）

 $('#video img').on('click', function(){
            var $this = $(this).parent();
            var videoSrc = $this.attr('data-video-src');
            if (/iPhone|iPad|iPod/i.test(navigator.userAgent)) {
                if (!$this.find('video').length) {
                    var video = $('<video controls="controls" class="video-ios"><source src="' + videoSrc + '" type="video/mp4"></video>');
                    $this.append(video);
                }
                $this.find('video')[0].play();
            } else {
                var video = $('<video controls="controls"><source src="' + videoSrc + '" type="video/mp4"></video>');
                $this.empty().append(video);
                video[0].play();
            }
        });

css（成敗這個樣式是關(guān)鍵）

.video-ios {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0px !important;
  height: 0px;
}