video

2020-02-11 18:45 更新
基礎(chǔ)庫 1.0.0 開始支持本組件。

視頻組件。相關(guān) API 請參考 tt.createVideoContext。


屬性說明

屬性類型默認(rèn)值必填說明最低支持版本
srcstring是要播放的視頻資源地址1.0.0
autoplaybooleanfalse否是否自動播放1.0.0
posterstring否視頻封面的圖片網(wǎng)絡(luò)資源地址1.0.0
bindplayeventhandle否當(dāng)開始播放時(shí)觸發(fā) play 事件1.0.0
bindpauseeventhandle否當(dāng)暫停播放時(shí)觸發(fā) pause 事件1.0.0
bindendedeventhandle否當(dāng)播放到末尾時(shí)觸發(fā) ended 事件1.0.0
binderroreventhandle否視頻播放出錯時(shí)觸發(fā) error 事件1.0.0
bindtimeupdateeventhandle否播放進(jìn)度變化時(shí)觸發(fā)，event.detail = { currentTime, duration }1.18.0
bindfullscreenchangeeventhandle否視頻進(jìn)入和退出全屏?xí)r觸發(fā)1.18.0
loopbooleanfalse否是否循環(huán)播放1.47.0
show-fullscreen-btnbooleantrue否是否顯示全屏按鈕1.47.0
show-play-btnbooleantrue否是否顯示播放、暫停、重播按鈕，不包括視頻封面的播放按鈕1.47.0
controlsbooleantrue否是否顯示全部播放控件1.47.0
object-fitstringcontain否當(dāng)視頻大小與 video 容器大小不一致時(shí)，視頻的表現(xiàn)形式：contain（包含），fill（填充），cover（覆蓋）1.47.0
play-btn-positionstringcenter否播放按鈕的位置：center（視頻中間），bottom（控制條上）1.47.0
bindwaitingeventhandle否視頻出現(xiàn)緩沖時(shí)觸發(fā)1.47.0


代碼示例

<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);
  }
});
以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號