很多網(wǎng)站都有視頻播放的功能,有些視頻播放需要外鏈出去播放,不太影響網(wǎng)站的加載和網(wǎng)站的使用流量,有些則需要到本地播放,極大的影響了網(wǎng)站的加載和流量的使用,而有些網(wǎng)站還有一系列的視頻列表頁,這樣的情況就跟加嚴重了。
網(wǎng)站中有很多視頻且需要在本地播放時,網(wǎng)站往往同時加載很多和可能很大的視頻文件,怎么解決了?一般本地播放時都有一個視頻彈窗來播放視頻,視頻彈窗只有一個,而視頻文件卻有多個,在這里用視頻彈窗動態(tài)的來加載視頻的地址了,當需要播放某個視頻時點擊彈窗加載某個視頻,其余視頻不需要加載。
圖1:
因為要做的是響應式視頻列表,在這里使用了bootstrap插件的來完善列表和視頻彈窗的表現(xiàn)。
圖2:
看圖2可知每一項
上都有一個data-video屬性,這是用來存放視頻地址的。圖3:
圖3視頻彈窗是不是少了個