因爲公司的項目是網上教育的,像網易雲課堂那種教育網站,於是會有不少課程須要在線觀看的,因此視頻插件是必不可少的。vue
因爲我用vue開發項目,因此找視頻插件也找和vue貼近的。最後選擇了vue-video-player。這個視頻插件仍是挺好用的,好多事件都是可控的,挺方便的。npm
首先 npm install vue-video-player -S;ide
而後再main.js進行配置:網站
而後就能夠在組件中使用了。spa
經常使用參數:插件
而後就能夠按需使用一些事件,因爲咱們項目須要播放的時候進行視頻埋點,還有暫停的時候須要統計用戶的暫停時間,還有等視頻播放完視頻
以後加個評分彈窗。於是我使用了三個事件,播放事件,暫停事件,播放結束以後事件。blog
如何動態切換視頻源呢?事件
就先寫這些,後面想到關於該插件的其餘信息再補充。開發