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

代码

<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个图