mui插入video标签播放问题

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>