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

2019-08-12 15:53 更新

视频组件。

属性名 类型 默认值 说明 最低版本
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" rel="external nofollow" 
    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


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号