uniapp subNvue 写的视频播放

文件下载地址

https://download.csdn.net/download/weixin_47517731/88500016icon-default.png?t=N7T8https://download.csdn.net/download/weixin_47517731/88500016

1:在pages.json中配置视频播放页面

{
			/* 视频详情页面 */
			"path": "pages/detail-video/detail",
			"style": {
				"navigationStyle":"custom",
				"app-plus":{
					"titleNView":false,
					"subNVues":[{
						"id":"video",
						/* subNvue文件 */
						"path":"./pages/detail-video/subNvue/video",
						"style":{
							"position":"dock",
							"dock":"top",
							"width":"100%",
							"height":"240px"
						}
					}]
				}
			}
		},

效果图如下

uniapp subNvue 写的视频播放_第1张图片uniapp subNvue 写的视频播放_第2张图片uniapp subNvue 写的视频播放_第3张图片uniapp subNvue 写的视频播放_第4张图片

你可能感兴趣的:(uni-app,音视频,前端)