费奇
费奇
  • 发布:2018-10-10 15:10
  • 更新:2018-10-10 15:10
  • 阅读:2315

mui插入video标签播放问题

分类:MUI

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>

2018-10-10 15:10 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复