小程序将video写在自定义组件中，引用组件控制视频的播放暂停失效了

更新时间2019-04-22 16:40:46

js的部分：

methods: {

bindPlay:function(e){console.log(e)var id = e.currentTarget.id;var video = wx.createVideoContext(id,this)console.log(video)video.play();}

}

ml的部分：

<view bindtap='bindPlay'><image class='playPause' src='../../image/icon_logo.png' ></image></view>

在引用页面引用以上的组件，假设组件名字叫‘my-video’:

<my-video></my-video>

运行代码，点击没有效果；

如果把视频拉出来，不写在组件中直接用就可以的

如果要实现点击video播放或暂停，可以使用jquery的选择器来方便选取DOM。

但要注意：jquery中并没有直接控制<video>元素播放、暂停的方法，需要用原生的javaScript代码来控制。

如果是使用的HTML5的video 标签，可以取到播放器即可实现。

var Media = document.getElementById("media");Media.play(); //播放Media.pause(); //暂停

相关标签:控制