ss

src/page/secondPage.vue

@@ -8,7 +8,7 @@
 			<div class="left" :style="{width:index==2?'1860px':'1300px'}">
 				<div id="divPlugin" v-if="index==1"></div>
 				<video v-if="index==0" class="video" :src="video_src" width="1300" height="750" controls autoplay @ended="ended(sort)">不支持当前video标签</video>
-				<p class="video_name" v-if="index==0">{{video_name}}</p>
+				<p class="video_name" v-if="index==0"><span>{{video_name}}</span></p>
 				<div v-if="index==2" class="videoList">
 					<div v-for="(item,index) in channelLists" :key="index" class="video_one" @click="item.play=!item.play">
 						<!--<div class="cover" v-show="!item.play">-->
@@ -202,17 +202,13 @@
 					"2":{
 						list:[
 							{
-								title:'2018年8月14日，杭州市人民检察院公益诉讼检察开放日典型案例介绍',
-								src:'/static/video/welfare/welfare_1.mp4',
+								title:'公益诉讼在身边--视频',
+								src:'/static/video/welfare/welfare_6.mp4',
 								play:false,
 							},{
 								title:'野生动物保护案背后的揪心故事',
 								src:'/static/video/welfare/welfare_2.mp4',
 								play:false,
-							},{
-								title:'爸爸去哪儿了',
-								src:'/static/video/welfare/welfare_3.mp4',
-								play:false,
 							},{
 								title:'遇到非法猎捕 买卖野生动物  怎么办？',
 								src:'/static/video/welfare/welfare_4.mp4',
@@ -222,8 +218,13 @@
 								src:'/static/video/welfare/welfare_5.mp4',
 								play:false,
 							},{
-								title:'公益诉讼在身边--视频',
-								src:'/static/video/welfare/welfare_6.mp4',
+								title:'2018年8月14日，杭州市人民检察院公益诉讼检察开放日典型案例介绍',
+								src:'/static/video/welfare/welfare_1.mp4',
+								play:false,
+							},
+							{
+								title:'爸爸去哪儿了',
+								src:'/static/video/welfare/welfare_3.mp4',
 								play:false,
 							}
 						],
@@ -669,13 +670,21 @@
 		height: 60px;
 		line-height: 60px;
 		text-align: left;
-		background-color: rgb(34,28,23);
+		background-color: #000;
+		opacity: .5;
+		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
+		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
 		padding:0 24px;
 		color: #fff;
 		font-size: 22px;
 		z-index: 9999;
 		overflow: hidden;
 	}
+	.video_name span{
+		opacity: 1;
+		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+	}
 	.right .item{
 		padding: 10px;
 		cursor: pointer;