333

pages/component/commonComponents/video/index.vue

@@ -16,31 +16,16 @@
     <button type="primary" @click="start()">开始</button>
     <button type="primary" @click="pause()">暂停</button> -->
 		<view style="width: 100%; height: 200px">
-      <div
+			<div class="" style="background-color: #000" ref="videoContent" @tap="renderScript.handleClick"
-        class=""
+				id="url-player-test" :videoData="videoData" :winWidth="winWidth" :winHeight="winHeight"
-        style="background-color: #000"
+				:currentVideoList="currentVideoList" :firstTime="firstTime" :isfresh="isfresh" :platform="platform"
-        ref="videoContent"
+				:isSetFirstTime="isSetFirstTime" :isChange="isChange" :change:videoData="renderScript.receiveMsg"
-        @tap="renderScript.handleClick"
+				:change:winWidth="renderScript.receiveWinWidth" :change:winHeight="renderScript.receiveWinHeight"
-        id="url-player-test"
-        :videoData="videoData"
-        :winWidth="winWidth"
-        :winHeight="winHeight"
-        :currentVideoList="currentVideoList"
-        :firstTime="firstTime"
-        :isfresh="isfresh"
-        :platform="platform"
-        :isSetFirstTime="isSetFirstTime"
-        :isChange="isChange"
-        :change:videoData="renderScript.receiveMsg"
-        :change:winWidth="renderScript.receiveWinWidth"
-        :change:winHeight="renderScript.receiveWinHeight"
 				:change:firstTime="renderScript.receiveFirstTime"
 				:change:isSetFirstTime="renderScript.receiveisSetFirstTime"
-        :change:isfresh="renderScript.receiveIsfresh"
+				:change:isfresh="renderScript.receiveIsfresh" :change:platform="renderScript.receiveplatform"
-        :change:platform="renderScript.receiveplatform"
 				:change:isChange="renderScript.receiveIsChange"
-        :change:currentVideoList="renderScript.receiveVideoList"
+				:change:currentVideoList="renderScript.receiveVideoList"></div>
-      ></div>
 			<div @tap="renderScript.emitData" ref="videoContent1" v-show="false">
 				直接调用renderjs中的emitData的方法,传递当前播放时长
 			</div>
@@ -49,21 +34,15 @@
 				监听结束方法，记录播放时长
 			</div>
 
-      <div
+			<div @tap="renderScript.changeVideoData" ref="videoContent3" v-show="false">
-        @tap="renderScript.changeVideoData"
-        ref="videoContent3"
-        v-show="false"
-      >
 				监听切换视频方法
 			</div>
 			<div @tap="renderScript.emitSetData" ref="videoContent4" v-show="false">
 				监听切换视频方法
 			</div>
 			<div class="fullScreenButton-container">
-        <div
+				<div :class="`prism-fullscreen-btn ${isFullScreen ? 'fullscreen' : ''}`"
-          :class="`prism-fullscreen-btn ${isFullScreen ? 'fullscreen' : ''}`"
+					@tap="renderScript.changeVideoScreen"></div>
-          @tap="renderScript.changeVideoScreen"
-        ></div>
 			</div>
 		</view>
 		<!-- <view style="width: 100%; height: 200px; position: relative" v-else>
@@ -86,7 +65,10 @@
 <script>
 	import store from "@/store/index.js";
 	import $http from "@/config/requestConfig.js";
-import { mapState, mapMutations } from "vuex";
+	import {
+		mapState,
+		mapMutations
+	} from "vuex";
 
 	// importScripts('@/static/aliplayer/aliplayer-min.js')
 	export default {
@@ -301,7 +283,10 @@ export default {
 								}
 							});
 						}
-          that.$refs.playerView.setPlayerCallBack(({ type, data }) => {
+						that.$refs.playerView.setPlayerCallBack(({
+							type,
+							data
+						}) => {
 							switch (type) {
 								case "isFullScreen":
 									isFullScreen = Boolean(data);
@@ -318,9 +303,9 @@ export default {
 			async getData(data, isChange) {
 				var that = this;
 				if (!this.isSetFirstTime) {
-        var netWork = data.userCourseVideoPositionEntity
+					var netWork = data.userCourseVideoPositionEntity ?
-          ? data.userCourseVideoPositionEntity.position
+						data.userCourseVideoPositionEntity.position :
-          : 0;
+						0;
 					var list = [];
 					if (uni.getStorageSync("videoOssList")) {
 						list = JSON.parse(uni.getStorageSync("videoOssList"));

pages/component/commonComponents/video/ios.nvue

@@ -22,6 +22,11 @@
         @timeupdate="timeupdate"
         @fullscreenchange="fullscreenchange"
       >
+
+        <cover-view  class="speed">
+                <text  class="doubleSpeed">倍速</text>
+            </cover-view>
+            
         <!-- <cover-view
         
           class="video-view"
@@ -1364,4 +1369,17 @@ cover-image {
   right: 0;
   z-index: 999;
 }
+
+  .speed {
+        position: absolute;
+        right: 20rpx;
+        top: 16rpx;
+
+        .doubleSpeed {
+            color: #fff;
+            font-size: 14rpx;
+            background-color: rgba(0, 0, 0, 0.6);
+            padding: 4rpx 6rpx;
+        }
+    }
 </style>