3475关注10702浏览
page页面 wxml:
<view class='container'>
<xdvideo></xdvideo>
</view>
<video id='v' bindtap='pauses' src="https://ypktmbzh.droibaascdn.com/droi/ypktmbzhiZH_jzNsRNkLHqjZCMNYRI4dlQAcl7EC/999224954912247808/1f5e666d79deb1dfa16eb8a18b81.mp4" controls="{{false}}"></video>
<button bindtap='play'>播放</button >
js:
play() { var videoContext = wx.createVideoContext('v') videoContext.play() }, pauses(e) { var videoContext = wx.createVideoContext(e.target.id) videoContext.pause() }
page页视频可正常播放暂停
xdvideo组件 wxml:
<view class="xdvideo" >
<video id="vvv" bindtap='pause' class="video" src='{{src}}' controls="{{false}}" objectFit="fill"></video>
</view>
<button bindtap='play'>play</button>
js:
Component({ properties: { src: { type: String, value: 'https://ypktmbzh.droibaascdn.com/droi/ypktmbzhiZH_jzNsRNkLHqjZCMNYRI4dlQAcl7EC/999224954912247808/1f5e666d79deb1dfa16eb8a18b81.mp4' }, thumbUrl: { type: String, value: 'https://ypktmbzh.droibaascdn.com/droi/ypktmbzhiZH_jzNsRNkLHqjZCMNYRI4dlQAcl7EC/998528282842386432/d1105c59996258cfd5d59784afda.png' } }, data: { played: false }, methods: { play(e) { this.setData({ played: true }); var videoContext = wx.createVideoContext('vvv'); videoContext.play(); }, pause(e) { var videoContext = wx.createVideoContext(e.target.id); videoContext.pause(); } } })
xdvideo组件页无法控制播放暂停,有人说是因为组件中不能使用id,想确认下原因,现在需求必须在组件中使用createVideoContext,而该控件只能绑定id
-
至过去的我
2044人对此回答表示赞同
我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多> -
思念在大脑里裸奔
13人对此回答表示赞同
谢谢大佬
展开130回复分享发布于 5年前评论(0)
收起评论
-
Pascha
12人对此回答表示赞同
createVideoContext第二个参数传入this,把组件实例传进去
展开122回复分享发布于 5年前评论(2)
收起评论
-
Caleb 2019-01-19 23:51
传了this也没执行,你可以试试我回复1的片段代码
回复 -
Caleb 2019-01-21 14:41
createVideoContext这个可以传参数this,那这些方法怎么办
我看了一下在conpoent组件里面是没有执行的 回复
-
-
Skylar
10人对此回答表示赞同
遇到同样的问题,小程序真机可以播放,开发者工具还是不行
展开100回复分享发布于 5年前评论(0)
收起评论
-
Taniya
8人对此回答表示赞同
在自定义组件里面点击视频播放bindplay()也不执行
展开80回复分享发布于 5年前评论(0)
收起评论