视频播放在安卓和ios的差异

   <video  
      id="webrtc"  
      playsinline  
      webkit-playsinline  
      x5-playsinline  
      x5-video-player-fullscreen="true"  
      x5-video-player-type="h5"  
      muted  
      x-webkit-airplay  
      show-mute-btn  
      page-gesture  
      autoplay  
      object-fit="fill"  
      controls  
      :enable-progress-gesture="false"  
      is-live  
      class="w100 h100 videoTag"  
    >  
    </video>

H5页面，使用webrtc来播放视频，视频返回的比例是704x576，现在我播放视频用 object-fit 在安卓页面是正常拉伸且不会有黑边和裁剪画面，但是在ios端使用 object-fit 会出现上下裁剪的情况，如果设置为 contain 会出现黑边的情况，求怎么解决这个问题