微信小程序视频播放，点击视频大屏展示预览

 <video src="{{videosrc}}" bindtap="previewVideo" data-current="{{videosrc}}" class="video"></video>

正常的video标签

previewVideo点击事件

data-current给点击事件传的视频路径

// 视频预览previewVideo(e){wx.previewMedia({sources: [{url: e.currentTarget.dataset.current, //视频播放路径type: 'video'//video视频 image图片}]})},

js点击事件代码

微信小程序视频播放，点击视频大屏展示预览相关推荐

微信小程序云开发实现上传文件和预览下载文件
微信小程序云开发实现上传文件和预览下载文件一.前言目前微信提供了一个接口 wx.chooseMessageFile 它能让用户从聊天记录里面选择一个或者多个文件,然后返回它的一些信息,列入文件的p ...
微信小程序上传文件及图片（可以预览）
最近在写小程序项目,碰到了一个需求,需要用户可以上传各种类型的文件和图片,展示在页面上,并且点击还可以进行预览,就找了找微信小程序官网,写了一个例子,分享一下直接看代码: wxml: <vie ...
微信小程序本地图片在开发工具显示手机预览不显示
微信小程序在设置背景图片时,使用本地路径,手机预览无法显示. 首先检查图片的路径,是否有中文,都没有问题的时候,看插入背景图片格式采用background-image: 即: <view cla ...
微信小程序图片上传到服务器再自动替换,微信小程序批量上传图片到服务器，并实现预览，删除功能...
js代码 Page({ /** 页面的初始数据 / data: { files: [], //门店图片信息,数组图片保存作为数据源 }, /* 多图片上传 */ chooseImage: functi ...
微信小程序上传视频到服务器太慢,微信小程序视频播放加载很慢
- 当前 Bug 的表现(可附上截图) - 预期表现 - 复现路径 - 提供一个最简复现 Demo 微信小程序视频播放加载很慢,一直转圈,3分钟后才能播放,而且播放很卡,加了带宽和cdn也没有效果,官 ...
微信小程序快速开发：视频指导版
<微信小程序快速开发:视频指导版>是2017年5月由人民邮电出版社出版的图书,作者是易伟.本书根据微信小程序的内容,全面系统地介绍了微信小程序的搭建和开发.本书主要内容有小程序注册.编程基 ...
小程序php调用腾讯视频,如何用微信小程序来看腾讯视频？观看视频的办法
软件安装:腾讯视频腾讯视频于2016年底提出了全新的品牌理念--"不负好时光",以更加年轻化.更能引起用户情感共鸣的定位全新亮相,并展现了全新品牌标识.秉承"内容为王, ...
微信小程序视频播放器
微信小程序视频播放器 1,视频播放器首页 wxml <swiper class="swiper" indicator-dots='{{swipterSet.indicator ...
微信小程序开发难？资深大V教您微信小程序制作步骤和方法
微信小程序开发难?资深大V教您微信小程序制作步骤和方法一.登录微信公众平台就能在菜单"开发"---"基本配置"中看到小程序的AppID了,小程序的 Ap ...

微信小程序视频播放，点击视频大屏展示预览

微信小程序视频播放，点击视频大屏展示预览相关推荐

最新文章

热门文章