免费AI编程助手
字节跳动小程序开发组件文档 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
以上内容是否对您有帮助：
更多建议：