「小程序JAVA实战」小程序视频播放的时候生命周期的控制（56）

当播放单个视频时，点击搜索，视频还在后台继续播放，这是有问题，需要通过生命周期的方式来控制，当跳转页面时，视频暂停播放，视频返回后继续播放。源码https://github.com/limingios/wxProgram.git 中No.15

• VideoContext
  >https://developers.weixin.qq.com/miniprogram/dev/api/media/video/VideoContext.html

• 代码实现
  >给video增加id，然后onload获取VideoContext，onshow进行play，onHide进行pause。

videoInfo.wxml

  

  
            

            


            
            

        



            
            


            
            
                
            
            
                
            


            
            

            
            

        

      

            @{{publisher.nickname}}

            {{videoInfo.videoDesc}}



        

        
            
            



            
            

        
  

videoInfo.js

Page({

  data: {
    cover:'cover',
    videoContext:""
  },
  showSearch:function(){
    wx.navigateTo({
      url: '../videoSearch/videoSearch',
    })
  },
  onLoad:function(){
    var me = this;
    me.videoContext = wx.createVideoContext('myVideo', me);

  },
  onShow:function(){
    var me = this;
    me.videoContext.play();
  },
  onHide:function(){
    var me = this;
    me.videoContext.pause();
  }
})

PS：小程序开发很类似app开发，了解生命周期，可以很方便的完成一些功能的开发。