最近做的一个项目中需要使用视频播放器播放视频,页面有视频海报的列表,点击海报,弹出播放层,播放相应视频,和一般性的视频网站一样,播放器是随调随用的。于是查了一下视频播放相关方面的插件,使用比较多的有video.js和jPlayer,于是先使用了video.js插件:
给海报赋值点击事件playListVideo,将该事件放到methods里:
这里使用的方法是http://www.jq22.com/jquery-info404所提到的方法:
一个页面中有多个视频,需要点击后触发bootstrap 的模态窗,再弹出视频
我个人的方法是:
html:
1
|
|
JS: