?

?

官方網(wǎng)站：https://m.v.qq.com/txp/v3/src/jsapi/demos.html

騰訊視頻統(tǒng)一播放器是視頻應(yīng)用于全平臺(tái)播放(電腦，手機(jī)，平板電腦，電視[Sumsang],支持點(diǎn)播和直播,支持自定義插件的JavaScript框架。

?

基礎(chǔ)使用

// html<div id="mod_player"></div>?//?jsvar player = new Txplayer({ containerId: 'video_tag', vid: 'r0018hmh1pa', width: '100%', height: screen.availHeight / 2,????//?poster:?obj.pic 視頻封面地址????// 自動(dòng)播放 autoplay: false,});var?_playStatus?=?obj.playStatus;

下面是一些方法的踩坑記錄

player.on('ready',?()?=>?{?//?初始化使用下面的方法時(shí)必須先聲明這個(gè)，不管里面寫不寫內(nèi)容?}); var temp = 'a'player.on('timeupdate', (parmas) => {????if?(temp?==?'a')?{?// 此方法用于讓視頻跳轉(zhuǎn)到指定位置播放????//?雖然player提供了seekTo方法用于跳轉(zhuǎn)到指定位置????// 但是在4G環(huán)境下此方法無(wú)效，只能采用下列方法解決????????setTimeout(?()?=>?{?//?部分機(jī)型在4G下不加定時(shí)器，也無(wú)法跳轉(zhuǎn) parmas.videoTag.currentTime = 200 }, 500) temp = 'b' } if (player.getCurrentTime() == player.getDuration()) { // 用于播放結(jié)束觸發(fā)時(shí)間 }?????if?(parmas.videoTag.currentTime?>=?obj.delayTime)?{?//?用于在播放到指定時(shí)間調(diào)用下列事件 ????}});?

Txplayer支持的事件

• 事件監(jiān)聽:?player.on(eventName, callback)

• 事件觸發(fā):?player.trigger(eventName, args)

• 事件取消:?player.off(eventName, [callback])

• 事件監(jiān)聽一次:?player.once(eventName, callback)

事件列表

事件監(jiān)聽

• ready [播放器初始化完成]

• error [播放出錯(cuò)]

• volumeChange [音量發(fā)生變化]

• timeupdate 在ready之后監(jiān)聽 [播放時(shí)間點(diǎn)變化]

• playStateChange [播放狀態(tài)變化]

• definitionChange [清晰度發(fā)生變化]

• vidChange [播放的視頻發(fā)生變化]

• smallWindowModeChange [進(jìn)入或退出小窗口模式]

• showUIVipGuide [顯示vip付費(fèi)浮層]

• browserFullscreenChange [瀏覽器全屏狀態(tài)變化]

• windowFullscreenChange [系統(tǒng)全屏狀態(tài)變化]

• adStart [廣告開始]

• adEnd [廣告結(jié)束]

• languageSet [語(yǔ)言切換完成]

• showLoginGuide [清晰度切換720p時(shí)，要求登錄，此時(shí)會(huì)觸發(fā)這個(gè)事件，使用方需要監(jiān)聽此事件，處理登錄邏輯] 對(duì)應(yīng)的api closeLoginGuide

?

總結(jié)

以上是生活随笔為你收集整理的腾讯视频播放插件Txplayer的使用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。