wx.createVideoContext 全屏播放

划水运动员9527

于 2018-11-12 14:30:46 发布

阅读量3.3k

点赞数

CC 4.0 BY-SA版权

分类专栏：小程序文章标签： wx.createVideoContext

本文链接：https://blog.youkuaiyun.com/qq_37449852/article/details/83991537

10 篇文章

订阅专栏

本文探讨了在微信小程序中实现视频全屏播放的方法。通过为不同页面的video组件分配唯一的ID，确保了多个视频播放功能在同一应用中互不干扰。文章详细介绍了如何使用wx.createVideoContext创建视频上下文，并调用requestFullScreen和play方法来实现全屏播放。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我们小程序里面有两个页面会需要进入 video 的全屏播放
new-moment 我定义 video 的id 是 playVideo
然后点击播放的时候触发一个方法内容写成

this.videoContext = wx.createVideoContext('myNewVideo')
this.videoContext.requestFullScreen()
this.videoContext.play()

这样就可以进入全屏播放

但是
我再另一个页面 moment-detail 中也有一个 video 播放的功能，这时候如果你的 video id属性不能和其他页面的 video 名字重合如果重合就不能进入全屏播放了。