小程序将video写在自定义组件中,引用组件控制视频的播放暂停失效了
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(); //暂停
热门标签: