这两天鸿硕开发hongshop商城详情页的时候，想实现类似于某宝或某东商城的详情页效果，效果文字描述如下：
带缩略图的轮播效果，鼠标经过缩略图是显示相对应的大图，也就是把控制器小圆点变成缩略图；并且预设第一个切换图为视频，鼠标悬停视频之上播放，离开停止播放。
以上效果鸿硕都实现了，然而就是鼠标悬停时，切换没法停止，鸿硕想让鼠标悬停时切换停止，查询swiper官方API，方法如下：
autoplay: {delay: 3000,stopOnLastSlide: false,disableOnInteraction: false,pauseOnMouseover: true, //hs鼠标悬停停止切换（亲测无效，可能是版本问题）}
可能是版本问题，上述代码无效，以下代码亲测可用：
mySwiper.el.onmouseover = function(){mySwiper.autoplay.stop();}mySwiper.el.onmouseout = function(){mySwiper.autoplay.start();}备注：mySwiper是您创建对象时使用的名称，自定义修改即可。参考网址：https://www.swiper.com.cn/api/autoplay/474.html
经过鸿硕的摸索，初步实现了想要的商城详情页相册轮播效果（含视频播放），效果如下：
后面再精雕细琢一下就可以放入hongshop商城了。
