联系官方销售客服

1835022288

028-61286886

问题 求助问题 分享经验 开发需求
求助 版主：官方研发技术组
怎么实现这种视频+图片的轮播滚动
大江汽车
类型：迅睿CMS 更新时间：2021-12-02 17:26:01

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

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

{xunruicms_img_title}

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


{xunruicms_img_title}

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

回帖
  • tugoy
    #1楼    tugoy
    2021-12-02 10:20:37
    Chrome 0
    这个属于前端制作，那个轮播图不是自动切换的，视频是定位布局在那个地方自动播放，可以用JS关闭
  • 有型的胖子
    #2楼    有型的胖子
    2021-12-02 10:20:49
    Chrome 0
    这个应该swiper的缩略图api就可以实现，用<video>标签设置一个封面页https://swiper.com.cn/demo/300-thumbs-gallery.html
  • 大师在流浪
    #3楼    大师在流浪
    2021-12-02 10:23:58
    华为手机 0
    你这个完全是前端的！去一些素材网找对应的幻灯片 或者插件就行
  • 大江汽车
    #4楼    大江汽车
    2021-12-02 17:25:27
    Chrome 0
    已解决！加了二个层，一个播放按钮，一个关闭按钮。然后用JS控制。
    满意答案
  • 大江汽车
    #5楼    大江汽车
    2021-12-02 17:26:01
    Chrome 0
    @大江汽车：已解决！加图层然后用JS控制。
相关问题