?

?

官方網站：https://m.v.qq.com/txp/v3/src/jsapi/demos.html

騰訊視頻統一播放器是視頻應用于全平臺播放(電腦，手機，平板電腦，電視[Sumsang],支持點播和直播,支持自定義插件的JavaScript框架。

?

基礎使用

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

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

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

Txplayer支持的事件

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

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

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

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

事件列表

事件監聽

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

• error [播放出錯]

• volumeChange [音量發生變化]

• timeupdate 在ready之后監聽 [播放時間點變化]

• playStateChange [播放狀態變化]

• definitionChange [清晰度發生變化]

• vidChange [播放的視頻發生變化]

• smallWindowModeChange [進入或退出小窗口模式]

• showUIVipGuide [顯示vip付費浮層]

• browserFullscreenChange [瀏覽器全屏狀態變化]

• windowFullscreenChange [系統全屏狀態變化]

• adStart [廣告開始]

• adEnd [廣告結束]

• languageSet [語言切換完成]

• showLoginGuide [清晰度切換720p時，要求登錄，此時會觸發這個事件，使用方需要監聽此事件，處理登錄邏輯] 對應的api closeLoginGuide

?

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。