响应式网站制作之响应式视频弹窗实现（越早知道越好）响应式网站框架，

许多中文网站都有音频播映的机能，许多音频播映须要快照进来播映，不太负面影响中文网站的读取和中文网站的采用网络流量，许多则须要到本地播映，非常大的负面影响了中文网站的读取和网络流量的采用，而许多中文网站除了一连串的音频条目页，这种的情形就跟加轻微了。中文网站许多音频且须要在本地播映时，中文网站常常与此同时读取许多和可能将非常大的音频文件，是不是化解了？通常本地播映时都有两个音频快捷方式来播映音频，音频快捷方式多于两个，而音频文件却有数个，在这儿用音频快捷方式静态的来读取音频的门牌号了，当须要播映某一音频时点选快捷方式读取某一音频，余下音频不须要读取。图1：

即使要做的是积极响应式音频条目，在这儿采用了bootstrap应用程序的来健全条目和音频快捷方式的整体表现。图2：

看图2由此可知每几项<li>上都有两个data-video特性，这是用以放置音频门牌号的。图3：

图3音频快捷方式呢少了个<source>条码，这是蓄意少的，他们须要透过js来减少进来，与此同时也是把音频读取进来。图4：

当他们点选音频条目上的某几项时，透过js以获取到这几项的data-video的值，也是音频的门牌号，采用video_url来放置而此门牌号，用jq.html()方式去加进video条码下的<source>条码，进而堆叠<source>条码的src特性的门牌号，也是video_url，这种两个音频快捷方式就顺利完成了。图5：

图6：

图5和图6的音频门牌号是和图1data-video值相关联着的。