Here are some instructions to achieve Youtube Video Gallery in Squarespace. Different layout/style.
Style 01. Youtube Carousel
- Carousel with Youtube Video
- You can add title, description under video
- You can enable featured image, play icon
- Option to enable/disable arrows
- Support Drag/swipe to scroll
#1.1. First add Section > Choose Team > Choose Section with auto layout icon
#1.2. Hover on top right of section > Click EDIT SECTION
#1.2-2. at Format > Anchor Link > enter word: video-carousel
#1.3. Hover on top right of section > Click EDIT CONTENT
#1.3-2. at Design > Choose Carousel
#1.3-2. Next, make sure you enabled Image + Button. With other elements (title, body..) you can enable if you want
#1.4. Next, click Content to enter text, video url
#1.4-2. Enter Youtube Video URL in Button
#1.5. Hover on Page where you use Carousel > Click Gear icon
#1.6. Click Advanced > Paste this code
If you don’t want to use complex code, you can also use this free Youtube Gallery Tool to add Youtube Carousel.
<!-- 09.26c10v2 Youtube Carousel -->
<script>
window.YoutubeCarouselConfig = {
sectionKeywords: 'video-carousel, video-grid',
hideImage: true,
hideButton: true,
showControls: false,
playIconSize: 68,
playIconColor: '#ffffff'
};
</script>
<script src="https://code.beaverhero.com/listcarousel/0926c10v2youtubecarousel.js"></script>
#2.1. Option in Line 05
hideImage: true,
If you set it false
hideImage: false,
it will show featured image + play icon over image
#2.2. To adjust play icon style, change line 08, 09
playIconSize: 68,
playIconColor: '#ffffff'
#2.3. You can also use Youtube Gallery Widget (free) to add Youtube Carousel with more style/layout
