Video Carousel

Description

  • adding video carousel (youtube, vimeo), you can add text under video, use list carousel
  • view demo – password: abc
  • buy me a coffee

09.26c10v2 Video Carousel

1. Install Code

#1.1. First add Section > Choose Team > Choose Section with auto layout icon

09.26c10v2 Youtube Carousel

#1.2. Hover on top right of section > Click EDIT CONTENT

09.26c10v2 Youtube Carousel

#1.2-2. at Design > Choose Carousel

09.26c12v27 Smooth Transition AutoScroll Text Testimonial Slider

#1.3. Next, click EDIT SECTION

09.26c10v2 Youtube Carousel

#1.3-2. at Format > Anchor Link > enter word: video-carousel

09.26c10v2 Video Carousel

#1.4. at Elements > Enable these.

09.26c10v2 Video Carousel

#1.5. at Content, enter your desired image/text

09.26c10v2 Video Carousel

Note: Enter Video URL (Youtube, Vimeo) in Button URL

09.26c10v2 Video Carousel

#1.6. Next, hover on Page where you use List Carousel > Click Gear icon > Click Advanced > Paste this code

<!-- 09.26c10v2 Video Carousel -->
<script>
  window.VideoCarouselConfig = {
    sectionSelector: 'section[id*="video-carousel"]',
    hideImage: true,
    hideButton: true,
    showControls: true,
    playOn: 'click'
  };
</script>
<script src="https://code.beaverhero.com/listcarousel/0926c10v2videocarousel.js"></script>

09.26c10v2 Video Carousel

#2. Customize

nothing now

 

Buy me a coffee