html轮播视频插件上加文字,可加入视频、图片的轮播swiper插件（可以拖动、视频存在加载条）...

使用方法

css引用：

html:

这是一个视频

自动播放

存在进度条

这是图片

图片放data-image

6秒滑动

js引用：

js:

$('#pbSlider0').pbTouchSlider({

slider_Wrap: '#pbSliderWrap0',

slider_Threshold: 10,

slider_Speed:600,

slider_Ease:'ease-out',

slider_Drag : true,//拖动

auto:true,//是否自动滚动

autoTime:6000,//设置图片自动时间

slider_Arrows: {

enabled : true//箭头

},

slider_Dots: {//显示点不

class :'.o-slider-pagination',

enabled : true,

preview : false

},

slider_Breakpoints: {

default: {

height: 700//高度

},

tablet: {

height: 500,

media: 1024

},

smartphone: {//智能手机高度

height: 400,

media: 768

}

}

});