mui插入video播放时,全屏退出后,视频部分会浮动最上层,且滑动列表时视频部分会拖动现象,体验很不好。
备注:集成的projekktor播放器插件,其他播放器也出现过类似情况。 貌似和mui某个css冲突,一直未找到原因,请大家帮忙解决。谢谢。代码参考如下:
<div class="mui-slider-group" id="tab_content">
<div id="lessontype11" class="mui-slider-item mui-control-content mui-active" data-code="0">
<div id="scroll1" class="mui-scroll-wrapper">
<div class="mui-scroll" data-code="0">
<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed data_item_content">
<li>
<div class="po-avt-wrap">
<img class="po-avt data-avt" src="http://disk.wachoo.com/res/2018-09-27/jt1.jpg" style="width: 40px;">
</div>
<div class="po-cmt">
<div class="po-hd">
<div class="po-name" style="display: inline;">
<span class="mui-ellipsis" style="float:left; width: 45%;">某某科技~贾素杰</span>
<img src="./images/reward.png" style="height: 20px;width: 20px;">
<span style="color: red; vertical-align: top;">¥10</span>
<div style="float:right;">
<img id="likeImg" src="./images/star.png" style="height: 20px;width:20px;" />
<span id="likeNum" style="float:right;">12</span>
</div>
</div>
<div class="post">
<p>这里是视频模板测试~</p>
<p>
<div id="player_a" class="projekktor" style="margin-top:10px;display: block;"></div>
</p>
</div>
<p class="time">2018-12-5 18:23</p>
<p style="float: right;">应答<span style="color: black">1234</span></p>
<p style="float: right;margin-right: 30px;">阅读 <span style="color: black">123</span></p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<link rel="stylesheet" href="projekktor.style.css" />
<script type="text/javascript" src="projekktor-1.3.09.min.js"></script>