微信小程序
播放腾讯视频(插件)
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、到现在我们的配置结束了,可以正常测试吧。