h5 video 封面poster IOS下无效不显示,安卓显示正常
Posted jspang
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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 #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;
以上是关于h5 video 封面poster IOS下无效不显示,安卓显示正常的主要内容,如果未能解决你的问题,请参考以下文章