小程序使用video标签

小程序视频组件video标签

wxml

<View>1.播放网络视频</View>
<view ><video style="width: 100%;height=400px;margin:1px;" src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400" binderror="videoErrorCallback"></video>
</view>
<View>2.播放本地视频</View>
<view style="display: flex;flex-direction: column;"><video style="width: 100%;height=400px;margin:1px;" src="{{src}}"></video><view class="btn-area"><button bindtap="bindButtonTap">打开本地视频</button></view>
</view>

Page({data: {src: ''},/*** 打开本地视频*/bindButtonTap: function() {var that = this//拍摄视频或从手机相册中选视频wx.chooseVideo({//album 从相册选视频，camera 使用相机拍摄，默认为：['album', 'camera']sourceType: ['album', 'camera'],//拍摄视频最长拍摄时间，单位秒。最长支持60秒maxDuration: 60,//前置或者后置摄像头，默认为前后都有，即：['front', 'back']camera: ['front','back'],//接口调用成功，返回视频文件的临时文件路径，详见返回参数说明success: function(res) {console.log(res.tempFilePaths[0])that.setData({src: res.tempFilePaths[0]})}})},/*** 当发生错误时触发error事件，event.detail = {errMsg: 'something wrong'}*/videoErrorCallback: function(e) {console.log('视频错误信息:')console.log(e.detail.errMsg)}
})

小程序使用video标签相关推荐

微信小程序：video标签默认显示视频的第一帧作为封面
微信小程序:video标签默认显示视频的第一帧作为封面 <video src="video_url"controls="{{false}}"initial ...
微信小程序隐藏video标签的进度条组件
微信小程序隐藏video标签的进度条组件直接上代码 <video direction="0" show-fullscreen-btn="{{false}}&quo ...
uniapp转微信小程序后 video标签的一直出现弹出框关不掉的问题
我是在video的@timeupdate中写的大于10分钟就弹出提示框(包括滑动) 这时会多次请求这个方法因为这个方法是看视频时间变化所以代码: 视频标签 <video :src=&quo ...
微信小程序里面的标签和html标签的对比、微信小程序基础之常用控件
微信小程序和html5标签的区别: HTML5 微信小程序 <h1></h1>...<h6></h6> <p></p> < ...
微信小程序一些常用标签与html的对应关系
小程序中的常用标签也是就是我们常用的这些 view(视图容器).rich-text(富文本).swiper(滑块视图容器).icon(图标).text(文字).progress(进度条).button ...
微信可以识别哪些HTML语言,微信小程序一些常用标签与HTML的对应关系
参考地址: https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/ 微信小程序中的常用标签: view(视图容器). ...
解决微信小程序的video元素层级太高无法遮盖问题
解决微信小程序的video元素层级太高无法遮盖和show-play-btn属性失效问题今天在项目中遇到了这个问题,需要在微信小程序中用视频作为背景,微信开发者工具中模拟的没问题,真机调试就发现vid ...
微信小程序如何解析标签？
怎么解决小程序中解析标签的问题下面是我个人遇到的一些问题,因为小程序中是不支持<p>标签的,但是有一些接口返回的是一些带有标签的数据 1.第一种情况解析标签可以直接通过rich-text ...
小程序实现image标签的图片铺满整个屏幕，高度自适应
小程序实现image标签的图片宽度铺满整个屏幕,高度自适应微信小程序官方文档里image标签有mode属性(图片裁剪.缩放模式),而mode="widthFix"是保持宽度不变, ...
微信小程序的video组件,更改播放按钮
小程序的video的按钮是白色的,当视频封面也是白色的时候会看不到播放按钮这里我用的是Mpvue来写的,换成原生的话,道理其实一样的代码如下: <videoid="myvideo& ...

小程序使用video标签

小程序使用video标签相关推荐

最新文章

热门文章