Video inside Gallery

Description

09.26c16v2 Video inside Gallery

#1. Install Code

#1.1. Make sure you use Gallery Section (Grid or Strips or Masonry or Reel)

09.26c16v2 Video inside Gallery

#1.2. at Anchor Link, enter word: video-inside-gallery OR video-inside-gallery01 OR video-inside-gallery02

09.26c16v2 Video inside Gallery

#1.3. Make sure you added Youtube or Vimeo or MP4 URL into Image URL

09.26c16v2 Video inside Gallery

09.26c16v2 Video inside Gallery

09.26c16v2 Video inside Gallery

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

09.26c16v2 Video inside Gallery

#1.5. Click Advanced > Paste this code

<!-- 09.26c16v2 Video inside Gallery -->
<script>
window.VideoInGalleryConfig = {
  sectionSelector: 'section[id*="video-inside-gallery"]',
  controls: true
};
</script>
<script src="https://code.beaverhero.com/gallerys/0926c16v2videoinsidegallery.js"></script>

09.26c16v2 Video inside Gallery

#1.6. To hide Video Controls, you can change

  • true to false
controls: true

 

Buy me a coffee