1.视频切换功能

pages/components/CusVideo.js

@@ -82,7 +82,12 @@ export default class CusVideo extends React.Component {
               {formatTime(this.state.currentTime)}
             </Text>
           </View>
-          <View style={{ flex: 7, backgroundColor: "yellow" }}>
+          <View
+            style={{
+              flex: 7,
+              backgroundColor: "yellow"
+            }}
+          >
             {/* //中间进度条 */}
             {/* <SeekBar
                 style={{
@@ -119,17 +124,24 @@ export default class CusVideo extends React.Component {
     });
   };
   play() {
-    this.setState({ paused: !this.state.paused });
+    this.setState({ paused: false });
     // if (this.state.paused) {
     //   this.player_icon_index = 1;
     // } else {
     //   this.player_icon_index = 0;
     // }
   }
+  pause() {
+    this.setState({ paused: true });
+  }
   showToast(params) {
     // ToastExample.message(params);
     ToastExample.show(params, ToastExample.SHORT);
   }
+
+  refreshVideo() {
+    this.setState({ duration: 0, currentTime: 0 });
+  }
 }
 
 const styles = StyleSheet.create({

pages/components/SchedulePage.js

@@ -43,7 +43,7 @@ export default class SchedulePage extends BasePage {
       video_width: "0%",
       video_height: "0%",
       video_uri:
-        "http://efunvideo.ai160.com/vs2m/056/05602002/05602002001/05602002001.m3u8"
+        "https://www.apple.com/105/media/cn/iphone-x/2017/01df5b43-28e4-4848-bf20-490c34a926a7/films/feature/iphone-x-feature-cn-20170912_1280x720h.mp4"
     };
   }
 
@@ -84,8 +84,8 @@ export default class SchedulePage extends BasePage {
             }}
           />
           <CusVideo
-            //无法切换视频
             uri={this.state.video_uri}
+            ref={view => (this.video = view)}
             style={{
               flex: this.state.video_flex,
               width: this.state.video_width,
@@ -177,7 +177,8 @@ export default class SchedulePage extends BasePage {
                 typecolor: "#39D6B9",
                 typename: "亲子游戏",
                 videoname: "安静的睡前游戏-全家人都睡了",
-                videourl: "安静的睡前游戏xxxx"
+                videourl:
+                  "https://www.apple.com/105/media/cn/iphone-x/2017/01df5b43-28e4-4848-bf20-490c34a926a7/films/feature/iphone-x-feature-cn-20170912_1280x720h.mp4"
               },
               {
                 key: 15,
@@ -205,6 +206,7 @@ export default class SchedulePage extends BasePage {
   }
 
   aa(url) {
+    //切换视频并且播放
     alert(url);
     this.setState({
       videoImg_flex: 0,
@@ -215,5 +217,7 @@ export default class SchedulePage extends BasePage {
       video_height: "100%",
       video_uri: url
     });
+    this.video.refreshVideo();
+    this.video.play();
   }
 }