收藏
回答

微信小程序视频全屏后返回,位置出现错乱

问题模块
API和组件



视频全屏后,就回不到原来的状态了

代码

<view class='video'>

<video src='http://video.xingxiaoke.cn/video/000000246868/000000246868_1/000000246868_1.m3u8?auth_key=1511605587-0-0-defe8497301d678a95244c5cef8737d4'></video>    

<view class='videoTit'>

<view style='flex:1'>章节</view>

<view style='flex:1'>详情</view>

<view style='flex:1'>评论</view>

<view style='flex:1'>问答</view>

<view style='flex:1'>笔记</view>

</view>

</view>  

<scroll-view scroll-y="true" class='zhangjie'>

<view>第一章:概论</view>

<view>第二章:计划与活动</view>

<view>第三章:主顾开拓</view>

<view>第四章:接触前准备</view>

<view>第五章:接触与说明</view>

<view>第六章:促成</view>

<view>第一章:概论</view>

<view>第二章:计划与活动</view>

<view>第三章:主顾开拓</view>

<view>第四章:接触前准备</view>

<view>第五章:接触与说明</view>

<view>第六章:促成</view>

<view>第一章:概论</view>

<view>第二章:计划与活动</view>

<view>第三章:主顾开拓</view>

<view>第四章:接触前准备</view>

<view>第五章:接触与说明</view>

<view>第六章:促成</view>

</scroll-view>

/* pages/courseVideo/courseVideo.wxss */

.video{position: fixed;top: 0;width: 100%;background-color: #ffffff;z-index: 100;}

.video video{width: 100%;}

.videoTit{display: flex; flex-direction:row;width: 100%;font-size: 35rpx;padding: 15rpx 0;}

.videoTit view{text-align: center;}

.zhangjie{height:300px;padding: 30rpx 0;text-indent: 30rpx; font-size: 30rpx;margin-top: 490rpx;}

.zhangjie view{padding: 20rpx 0;}

.zhangjie view:hover{color: red;}

效果如3个图







最后一次编辑于  2017-11-21  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

2 个回答

  • 杰仁
    杰仁
    2018-03-31

    兄弟,你这个问题,解决没有哈,我也出现了这个问题。

    2018-03-31
    赞同
    回复
  • Jasperjun
    Jasperjun
    2018-01-03

    你好 我想问下视频全屏后 怎么隐藏顶部的标签

    2018-01-03
    赞同
    回复