业务经理

微信扫描以上二维码

028-61286886

怎么实现这种视频+图片的轮播滚动

迅睿框架更新 2021-12-02 17:26:01

大江汽车

怎么实现这种视频+图片的轮播滚动。页面打开后有视频就先自动播放视频（需要有声音），关闭视频或者是视频播放完毕后自动再轮播图片。类似于http://www.clwssc.com/product/2.html这种效果。

结合xunruicms的图片集字段来实现。

${xunruicms_img_title}$

自动播放视频，带关闭按钮

${xunruicms_img_title}$

关闭视频后出现播放按钮，图片自动轮播或者是点击都可以。

方案

tugoy #1 · 2021-12-02 10:20:37

这个属于前端制作，那个轮播图不是自动切换的，视频是定位布局在那个地方自动播放，可以用JS关闭
有型的胖子 #2 · 2021-12-02 10:20:49

这个应该swiper的缩略图api就可以实现，用<video>标签设置一个封面页https://swiper.com.cn/demo/300-thumbs-gallery.html
大师在流浪 #3 · 2021-12-02 10:23:58

你这个完全是前端的！去一些素材网找对应的幻灯片或者插件就行
大江汽车 #4 · 2021-12-02 17:25:27

满意答案

已解决！加了二个层，一个播放按钮，一个关闭按钮。然后用JS控制。
大江汽车 #5 · 2021-12-02 17:26:01

@大江汽车：已解决！加图层然后用JS控制。

迅睿系统漏洞

最近更新的源码