在微信环境下 安卓手机访问h5为什么出现这种情况？

图一 是安卓 在微信环境下所出现的状况（出问题了）

图二 是苹果 在微信环境下 （没出问题）

     <div class="swiper-wrapper">
          <!-- mp4 -->
          <div class="swiper-slide my_video" ng-if="RuleContainerList.Data.Video">
            <div class="video-container">
              <div class="bg-blur" style="background-color: rgb(51, 51, 51);"></div>
              <video id='my_video' ng-src="{{RuleContainerList.Data.Video.Video}}" controls="" preload=""
                x-webkit-airplay="true" webkit-playsinline="" playsinline="true"
                ng-bind-poster="{{RuleContainerList.Data.Video.CoverImage}}" style="display: inline;"></video>
              <img class="cover" ng-src="{{RuleContainerList.Data.Video.CoverImage}}">
              <img class="icon" src="images/productDetail/bf.png" ng-click="payVideo()">
              <span ng-click="pauseVideo()">结束播放</span>
            </div>
          </div>
          <div class="swiper-slide" ng-repeat="imgList in slideImgList">
            <img onclick="zoomSwiperImg(this)" ng-src="{{imgList}}" alt="">
          </div>
          <div class="swiper-wrapper" style="height:100px;width: 100px"></div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination my_pagination0"></div>
      </div>

css 没有修改

 // 轮播图初始化
  function slideInit() {
    var mySwiper1 = new Swiper($('.my_swiper'), {
        loop: false,
        height:auto,
      pagination: '.my_pagination0',
      observer: true,
      observeParents: true,
      onTouchEnd: function (swiper) {
        TR = swiper.translate
        if (TR < -$('.swiper-slide').width() * (swiper.slides.length - 1)) {
          if (!$scope.GoodsDetails.Description) {
            setTimeout(function () {
              $scope.LoadProductDesData(function () {
                $("html, body").animate({
                  scrollTop: $("#shop_details").offset().top - 40
                }, 0);
              })
            }, 100);
          } else {
            $("html, body").animate({
              scrollTop: $("#shop_details").offset().top - 40
            }, 0)
          }

        }
        $('.left_slip').css({ right: '-25px' })
      },
      onTouchMove: function (swiper, event) {
        if (swiper.activeIndex == swiper.slides.length - 1) {
          if (event.targetTouches[0].radiusX / 1000 < 5) {
            $('.left_slip').css({ right: event.targetTouches[0].radiusX / 1000 + 'px' })
          } else if (event.targetTouches[0].radiusX / 1000 > 5) {
            $('.left_slip').css({ right: '25px' })
          }
        } else {

        }
      }
    })
  };