uni-app 操作大全

微信小程序

播放腾讯视频（插件）

1、小程序添加插件 小程序后台->设置->第三方设置->插件管理->添加 “腾讯视频” 插件。

2、在上图插件管理中 点击 “详情” 进入官方文档。

#配置uni-app 添加插件
#打开视图模式 manifest.json 在微信配置添加如下内容
"mp-weixin" : {
    "appid" : "wxa7db0faa2dd7eb9d",
    "setting" : {
        "urlCheck" : false
    },
    "usingComponents" : true,
    #添加如下内容
    "plugins" : {
        "player" : {
            "version" : "对应的版本号",
            "provider" : "对应的provider"
        }
    }
}
# 配置uni-app项目的 pages.json 在对应编辑腾讯视频的页面添加如下配置
{
    "path" : "pages/home/index",
    "style" :                                                                                    
    {
        "navigationBarTitleText": "工具中心",
        "enablePullDownRefresh": true,
        # 添加如下内容
		"usingComponents": {
			"player-component": "plugin://player/video"
		}
    }
}

3、现在我们来编写视频页面

<template>
	<view>
		<player-component playerid="player"/>
		<button @click="start()">播放</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				vid: "e0354z3cqjp"
			}
		},
		methods: {
			start () {
				const store = requirePlugin('player')
				const player = store.get('player')
				player.play()
			}
		},
		onLoad() {
			
		},
		mounted() {
			const store = requirePlugin('player')
			const player = store.get('player')
			player.play(this.vid)
			setTimeout( () => {
				player.pause()
			}, 1234)
		}
	}
</script>

<style>

</style>

4、到现在我们的配置结束了，可以正常测试吧。

---

---

---