由於公司的項目是網上教育的,像網易雲課堂那種教育網站,因而會有很多課程需要在線觀看的,所以視頻插件是必不可少的。
由於我用vue開發項目,所以找視頻插件也找和vue貼近的。最后選擇了vue-video-player。這個視頻插件還是挺好用的,好多事件都是可控的,挺方便的。
首先 npm install vue-video-player -S;
然后再main.js進行配置:
然后就可以在組件中使用了。
常用參數:
然后就可以按需使用一些事件,由於我們項目需要播放的時候進行視頻埋點,還有暫停的時候需要統計用戶的暫停時間,還有等視頻播放完
之后加個評分彈窗。因而我使用了三個事件,播放事件,暫停事件,播放結束之后事件。
如何動態切換視頻源呢?
就先寫這些,后面想到關於該插件的其他信息再補充。
--------------------------------------------------------------------------
2020.1.13 補充:
vue-video-player如何打開網頁就能自動播放視頻?
將這兩個屬性都設置為true;
然后自調用播放的方法:
ok,這樣就可以自動播放了!!!