videojs 播放的各個(gè)生命周期callback

player.on( 'durationchange',  function( e ) { window.console.log( 'videoJS: durationchange' ); });
player.on( 'ended',       function( e ) { window.console.log( 'videoJS: ended' ); });
player.on( 'error',       function( e ) { window.console.log( 'videoJS: error' ); });
player.on( 'firstplay',     function( e ) { window.console.log( 'videoJS: firstplay' ); });
player.on( 'loadedalldata',   function( e ) { window.console.log( 'videoJS: loadedalldata' ); });
player.on( 'loadeddata',    function( e ) { window.console.log( 'videoJS: loadeddata' ); });
player.on( 'loadedmetadata',  function( e ) { window.console.log( 'videoJS: loadedmetadata' ); });
player.on( 'loadstart',     function( e ) { window.console.log( 'videoJS: loadstart' ); });
player.on( 'pause',       function( e ) { window.console.log( 'videoJS: pause' ); });
player.on( 'play',        function( e ) { window.console.log( 'videoJS: play (adState: ' + player.ads.state + ')' ); });
player.on( 'seeked',      function( e ) { window.console.log( 'videoJS: seeked' ); });
player.on( 'seeking',       function( e ) { window.console.log( 'videoJS: seeking' ); });
player.on( 'waiting',       function( e ) { window.console.log( 'videoJS: waiting' ); });

player.on( 'contentplayback',   function( e ) { window.console.log( 'videoJS: contentplayback' ); });
player.on( 'ended',       function( e ) { window.console.log( 'videoJS: ended' ); });

player.on( 'ima3error',     function( e ) { window.console.log( 'videoJS/IMA3: ima3error' ); });
player.on( 'ima3-ad-error',   function( e ) { window.console.log( 'videoJS/IMA3: ima3-ad-error' ); });
player.on( 'ima3-ready',    function( e ) { window.console.log( 'videoJS/IMA3: ima3-ready' ); });

player.on( 'ads-request',     function( e ) { window.console.log( 'videoJS/Ads: ads-request' ); });
player.on( 'ads-load',    function( e ) { window.console.log( 'videoJS/Ads: ads-load' ); });
player.on( 'ads-ad-started',    function( e ) { window.console.log( 'videoJS/Ads: ads-ad-started' ); });
player.on( 'ads-ad-ended',    function( e ) { window.console.log( 'videoJS/Ads: ads-ad-ended' ); });
player.on( 'ads-first-quartile',    function( e ) { window.console.log( 'videoJS/Ads: ads-first-quartile' ); });

Note:最新的Event可以從下面的圖片和URL來確認(rèn):
https://videojs.com/advanced/

遇到過的坑:
1,在firstplay的回調(diào)中設(shè)置currenttime,IE 11的情況下,有時(shí)候不起作用。

原因是:有些瀏覽器不觸發(fā)firstplay方法

解決辦法: 通過在外面定義一個(gè)變量,然后在loadeddata中進(jìn)行判斷

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容