联系官方销售客服

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控制。