h5 video 封面poster IOS下无效不显示，安卓显示正常

1 <div id="detail">
2     <video id="js-video"  preload="auto"  x-webkit-airplay webkit-playsinline loop="loop" controls="controls" x5-video-player-type="h5" x5-video-player-fullscreen="true" x5-video-orientation="portraint" playsinline="true" poster="https://staging.all-dream.com/assets/front/img/highlight.png" :src="stuInfo.highlightUrl"></video>
3 </div>

1 #detail{height: auto; width: 100%; overflow: hidden;background: none; text-align: center;background:url(‘https://staging.all-dream.com/assets/front/img/highlight.png‘)  no-repeat center center; background-size: cover;}
2 #js-video{width: 100%; height: 100%; object-fit: fill; vertical-align: middle;}