本文目录:
- 1、使用CDN加速Qcloud的腾讯云点播服务,需要怎么配置?
- 2、腾讯云点播视频服务里面的视频可以批量下载到本地吗?
- 3、vue 腾讯云点播播放视频(循环)
使用CDN加速Qcloud的腾讯云点播服务,需要怎么配置?
腾讯云点播地址本身有加速功能,只需要引用腾讯云点播视频文件的地址即可。
腾讯云点播视频服务里面的视频可以批量下载到本地吗?
腾讯云点播服务里面可以批量,但是它是一个一个的下载到本地的。
vue 腾讯云点播播放视频(循环)
template
div
div v-for="(item,index) in dataList" :key="index"
video v-if="showFlag" :id="'tcPlayer' + index" preload="auto" width="640" height="368" playsinline
webkit-playsinline x5-playsinline/video
/div
/div
/template
script
export default {
name: 'Detail',
data() {
return {
tcPlayerId: 'tcPlayer' + Date.now(),
player: null,
showFlag: false,
videoFileid: '',
videoAppid: '',
dataList: []
}
},
mounted() {
let self = this
setTimeout(() = {
self.dataList = [{
fileID: '2222222',
appID: '11111',
psign: "ccccccc"
},
{
fileID: '2222222',
appID: '11111',
psign: "cccccccc"
},
]
self.showFlag = true
self.$nextTick(() = {
self.dataList.forEach((value, index) = {
self.getVideoLang(value.fileID, value.appID, value.psign, 'tcPlayer' + index)
})
})
}, 1000)
},
methods: {
// 初始化腾讯云播放器
getVideoLang(fileID, appID, psign, id) {
const playerParam = {
fileID: fileID,
appID: appID,
psign
}
window.TCPlayer(id, playerParam)
}
}
}
/script
style lang="scss"
@import ""
/style
// 解决第一次进入视频不加载问题
beforeDestroy () {
this.player.dispose()
},
【腾讯云点播服务】的内容来源于互联网,如引用不当,请联系我们修改。
网友留言: