字节跳动小程序开发组件文档 video

由 卓别林 创建, 最后一次修改 2019-08-12

视频组件。

属性名 类型 默认值 说明 最低版本
src String 要播放的视频资源地址 1.0.0
autoplay Boolean false 是否自动播放 1.0.0
poster String 封面图地址,网络地址 1.0.0
bindplay String play事件的handler 1.0.0
bindpause String pause事件的handler 1.0.0
bindended String ended事件的handler 1.0.0
binderror String error事件的handler 1.0.0
bindtimeupdate String timeupdate事件的handler 1.18.0
bindfullscreenchange String fullscreenchange事件的handler 1.18.0
WARNING
video不支持在scroll-view、swiper组件中使用,也不支持在有滚动条的容器中使用,不支持fixed

示例


开发者工具中预览

<video src="http://sf1-ttcdn-tos.pstatp.com/obj/ttfe/test/test-upload.mp4"
    autoplay
    bindplay="play"
    bindpause="pause"
    bindended="ended"
    bindtimeupdate="timeupdate"
    bindfullscreenchange="fullscreenchange"
 />

Page({
  play: function (e) {
    tt.showToast({title: 'play'})
  },
  pause: function (e) {
    tt.showToast({title: 'pause'})
  },
  ended: function (e) {
    tt.showToast({title: 'ended'})
  },
  timeupdate: function (e) {
    console.log(e)
  },
  fullscreenchange: function (e) {
    console.log(e)
  },
})
相关api: tt.createVideoContext


以上内容是否对您有帮助:

二维码
建议反馈
二维码