Autoplay Video (Gallery Block)

Description

  • autoplay video in Gallery Block (Grid), you can set specific video autoplay
  • view demo – password: abc
  • buy me a coffee

08.26c30v3 (v2) Autoplay Video (Gallery Block)

#1. Install Code

#1.1. Make sure you use Gallery Block Grid

08.26c30v3 (v2) Autoplay Video (Gallery Block)

#1.2. Make sure you added Video. You can use Vimeo or Youtube

08.26c30v3 (v2) Autoplay Video (Gallery Block)

#1.3. Hover on top right of section > Click EDIT SECTION

08.26c30v3 (v2) Autoplay Video (Gallery Block)

#1.4. at Design > Anchor Link > enter word: autoplay-video

08.26c30v3 (v2) Autoplay Video (Gallery Block)

#1.5. Hover on Page where you use Gallery Block > Click Gear icon

08.26c30v3 (v2) Autoplay Video (Gallery Block)

#1.6. Click Advanced > Paste this code

<!-- 08.26c30v3 (v2) Autoplay Video (Gallery Block) -->
<script>
window.AutoplayVideoConfig = {
  sectionSelector: 'section[id*="autoplay-video"]',
  videoSelector: '.sqs-video-wrapper',
  videoNumbers: [1]
};
</script>
<script src="https://code.beaverhero.com/galleryblock/0826c30v3v2autoplayvideogalleryblock.js"></script>

08.26c30v3 (v2) Autoplay Video (Gallery Block)

#1.7. To make specific video autoplay, you can change line 06

  • 1 = first video
  • 2 = second video
  • 3 = third video
videoNumbers: [1]

if you want to make 2 videos autoplay, use format like this

videoNumbers: [1,4]

 

Buy me a coffee