（記）video player在頁面的使用

2021-10-13 10:41:06 字數 1207 閱讀 3616

npm i vue-video-player
// video


import videoplayer from


'vue-video-player'


import


'video.js/dist/video-js.css'


import


'vue-video-player/src/custom-theme.css'


import


'videojs-flash'


vue.


use(videoplayer)
html結構

""class


="video-box"


>


<


!-- 原來的封面 --


>


:ref=


"`videoplayer$`"


:playsinline=


"true"


:options=


"list[index].playeroptions"


class


="video-player vjs-custom-skin"


@play=


"listenplay($event)"


@pause=


"listenvideoend($event)"


@ended=


"listenvideoend($event)"


>


<


/video-player>


<


/div>
js配置項

playeroptions:],


// poster: require('../../assets/cover.jpg'), //你的封面位址


notsupportedmessage:


, controlbar:


}
listenplay


(e),


listenvideoend


(e),
後台請求，動態直播路徑，迴圈配置項

fetchdata()


)this


.list = list


})},
通過乙個陣列，裡面配置不同的配置項，只需要修改配置項的路徑。

在頁面中動態改變頁面Title

都知道使用document.title就能在動態設定頁面的標題 但是，有一種情況下不行，那就是在ie6的模態對話方塊或非模態對話方塊中，即採用 showmodaldialog和showmodalessdialog開啟的視窗 這個方法會失效。ie7下都沒問題。找了一中午，發現 對話方塊在頁面渲染結束後...

在opensuse安裝collaboa記

乙個用ror寫的版本管理與bug跟蹤系統。1 安裝svn，opensuse自帶的了svn。2 安裝swig，swig是乙個介面編譯器，用來 連線c c 和 perl pyhon ruby 等.google了一下沒有找到opensuse對應的 測試一下.irb irb main 001 0 requi...

層在頁面中居中

var vertialmiddle window height box height 2 var horizoncenter window width box width 2 box css 在頁面中id為box的層居中顯示 window height window width 獲取當前瀏覽器視窗的...