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

Posted 2022-01-03 jspang

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 #detailheight: 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-videowidth: 100%; height: 100%; object-fit: fill; vertical-align: middle;