uniapp-app的视频轮播图

直接使用swiper做图片轮播图是没有问题的，视频轮播图的兼容性仅仅体现在APP上。

我的方法是将nvue页面作为视频的遮罩层，如果直接将视频放到nvue页面，说不定也可以。其实这个兼容性的关键在于video标签在手机上的层级过高，除了nvue，还有其他方法解决。

因为我的这个项目是图片，视频混合的轮播图，所以很多地方要判断，是否为视频，但测试时，第一项就是视频，所以很多地方判断，swiper的current是否为0。

pages/my/person.vue

	
	    
		
			
		
	
	
		
	


//因为nvue层级很高，如果页面很长，能上下滑动。那nvue还是始终定在屏幕上方，
//用@touchend监听手指滑动，获得这个元素距离屏幕顶端的距离，以此让nvue高度变化。



//

pages.json

添加subNVues，id名要和nvue最外层的view标签的id保持一致。

{
	"path": "pages/my/person",
	"style": {
		"navigationBarTitleText": "个人主页",
		"app-plus": {
			"subNVues": [{
				"id": "popup", // 唯一标识  
				"path": "pages/my/subNVue/video", // 页面路径  
				//"type": "popup",  //原生子窗口内置样式，可取值：'popup',弹出 
                //层；"navigationBar",导航栏
					style": {
					"position":"absolute",
					"height": "442rpx",
                   //只能用transparent使nvue页面透明，其他方法会有bug
                   //测试时可以改为其他颜色，方便观察
					"background": "transparent"  
				}
			}],
			"scrollIndicator": "none",
			"bounce": "none",
			"backgroundColor": "#FFFFFF",
			"titleNView": false
		},
		"enablePullDownRefresh": false
	}
},