注冊

微信小程序視頻組件控制wx.createVideoContext(videoId)

2017-12-08
導(dǎo)讀:創(chuàng)建并返回 video 上下文 videoContext 對象。在自定義組件下,第二個參數(shù)傳入組件實例this,以操作組件內(nèi) video/ 組件 videoContext videoContext 通過 videoId 跟一個 video 組件綁定,通過它可以操作...

創(chuàng)建并返回 video 上下文 videoContext 對象。在自定義組件下,第二個參數(shù)傳入組件實例this,以操作組件內(nèi) <video/> 組件

videoContext

videoContext 通過 videoId 跟一個 video 組件綁定,通過它可以操作一個 video 組件。

videoContext 對象的方法列表:

方法 參數(shù) 說明 最低版本
play 播放  
pause 暫停  
seek position 跳轉(zhuǎn)到指定位置,單位 s  
sendDanmu danmu 發(fā)送彈幕,danmu 包含兩個屬性 text, color。  
playbackRate rate 設(shè)置倍速播放,支持的倍率有 0.5/0.8/1.0/1.25/1.5 1.4.0
requestFullScreen 進入全屏,可傳入{direction}參數(shù)(1.7.0起支持),詳見video組件文檔 1.4.0
exitFullScreen 退出全屏 1.4.0

示例代碼:

<view class="section tc">
  <video id="myVideo" src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400"   enable-danmu danmu-btn controls></video>
  <view class="btn-area">
    <input bindblur="bindInputBlur"/>
    <button bindtap="bindSendDanmu">發(fā)送彈幕</button>
  </view>
</view>
重磅推薦:小程序開店目錄

第一部分:小商店是什么

第二部分:如何開通一個小商店

第三部分:如何登錄小商店

第四部分:開店任務(wù)常見問題

第五部分:小商店可以賣什么

第六部分:HiShop小程序特色功能

第七部分:小程序直播

第八部分:小程序收貨/物流

第九部分:小程序怎么結(jié)算

第十部分:小程序客服

第十一部分:電商創(chuàng)業(yè)

第十二部分:小程序游戲開發(fā)