良多网站都有视频播放的成果，有些视频播放必要外链进来播放，不太影响网站的加载和网站的操作流量，有些则必要到本地播放，极大的影响了网站的加载和流量的操作，而有些网站另有一系列的视频列表页，如许的情况就跟加严重了。
网站中有良多视频且必要在本地播放时，网站往往同时加载良多和能够也许很大的视频文件，如何打点了？一样平时本地播放时都有一个视频弹窗来播放视频，视频弹窗只要一个，而视频文件却有多个，在这里用视频弹窗静态的来加载视频的地点了，当必要播放某个视频时点击弹窗加载某个视频，此外视频没必要要加载。
图1：

因为要做的是照应式视频列表，在这里操作了bootstrap插件的来完竣列表和视频弹窗的体现。
图2：

看图2可知每项

上都有一个data-video属性，这是用来寄存视频地点的。
图3：

图3视频弹窗是否是少了个标签，这是居心少的，我们必要颠末js来增添出来，响应式网站改版，同时也是把视频加载出来。
图4：

当我们点击视频列表上的某一项时，颠末js获得到这一项的data-video的值，也就是视频的地点，操作video_url来寄存这一地点，用jq.html()办法去增加video标签下的标签，从而拼接标签的src属性的地点，也就是video_url，如许一个视频弹窗就完成了。
图5：

图6：

图5和图6的视频地点是和图1data-video值对应着的。