91 lines
3.1 KiB
JavaScript
91 lines
3.1 KiB
JavaScript
// pages/index5/index5.js
|
|
Page({
|
|
/**
|
|
* 页面的初始数据
|
|
*/
|
|
data: {
|
|
viList: [{
|
|
vio: 'https://assets.mixkit.co/videos/preview/mixkit-movement-in-a-large-avenue-at-night-in-timelapse-44688-large.mp4',
|
|
avatar: 'https://profile-avatar.csdnimg.cn/6ef2193c2e9649c88356336c626e5777_m0_64944135.jpg',
|
|
name: 'xiaoshen',
|
|
id:1,
|
|
},
|
|
{
|
|
vio: 'https://sgy-test-cdn.oss-cn-hangzhou.aliyuncs.com/attachments/2023/11/17/de99704d307d216800e08584111ca61f.mp4',
|
|
avatar: ' https://profile.csdnimg.cn/7/A/9/1_2201_75886543',
|
|
name: 'kami',
|
|
id:2,
|
|
},
|
|
{
|
|
vio: 'https://sgy-test-cdn.oss-cn-hangzhou.aliyuncs.com/attachments/2023/11/17/574217650a315865ce8833c31f8d9091.mp4',
|
|
avatar: ' https://profile.csdnimg.cn/7/A/9/1_2201_75886543',
|
|
name: 'kami',
|
|
id:3
|
|
},
|
|
{
|
|
vio: 'https://sgy-test-cdn.oss-cn-hangzhou.aliyuncs.com/attachments/2023/11/16/eb8debf3c9ef26eb6829a533709c08a1.mp4',
|
|
avatar: ' https://profile.csdnimg.cn/7/A/9/1_2201_75886543',
|
|
name: 'kami',
|
|
id:4
|
|
},
|
|
{
|
|
vio: 'https://sgy-test-cdn.oss-cn-hangzhou.aliyuncs.com/attachments/2023/11/17/ecb93a818d0e507b6d1a962ab83490c9.mp4',
|
|
avatar: ' https://profile.csdnimg.cn/7/A/9/1_2201_75886543',
|
|
name: 'kami',
|
|
id:5
|
|
}
|
|
],
|
|
stopIndex:0,
|
|
},
|
|
|
|
onLoad(options) {
|
|
// 调用播放视频方法
|
|
this.startUp()
|
|
},
|
|
|
|
// 进页面时播放视频
|
|
startUp() {
|
|
// 获取video节点
|
|
let createVideoContext = wx.createVideoContext('video0')
|
|
// 播放视频
|
|
createVideoContext.play()
|
|
},
|
|
|
|
// 切换视频的时候播放视频
|
|
// 注：此方法视频如果过大可能会叠音，所以视频需要压缩，或者可以尝试循环节点关闭视频
|
|
nextVideo(e) {
|
|
// 播放当前页面视频
|
|
let index = 'video' + e.detail.current
|
|
this.setData({
|
|
stopIndex:e.detail.current
|
|
})
|
|
this.playVio(index)
|
|
// 暂停前一个页面视频
|
|
if (e.detail.current - 1 >= 0) {
|
|
let index1 = 'video' + (e.detail.current - 1)
|
|
this.pauseVio(index1)
|
|
}
|
|
// 暂停后一个页面视频
|
|
if (e.detail.current + 1 < this.data.viList.length) {
|
|
let index2 = 'video' + (e.detail.current + 1)
|
|
this.pauseVio(index2)
|
|
}
|
|
},
|
|
|
|
// 播放视频
|
|
playVio(index) {
|
|
// 获取video节点
|
|
let createVideoContext = wx.createVideoContext(index)
|
|
// 播放视频
|
|
createVideoContext.play()
|
|
},
|
|
|
|
// 暂停视频
|
|
pauseVio(index) {
|
|
// 获取video节点
|
|
let createVideoContext = wx.createVideoContext(index)
|
|
// 暂停视频
|
|
createVideoContext.seek(0)
|
|
createVideoContext.pause()
|
|
}
|
|
}) |