BoostedUI

Web Components with Super Powers


Boosted Youtube Channel Feed

Embed a Youtube channel feed.


How to Use:

Step 1: Add the BoostedUI javascript.

<script src="https://cdn.boostedui.com/boosted.js" defer></script>

Step 2: Add the Youtube feed web component tag.

<boosted-youtube-feed channel-id="YOUR_CHANNEL_ID_HERE" max="3" direction="row"></boosted-youtube-feed>

Optional Attributes

max: Number of videos to display (max 15)

<boosted-youtube-feed channel-id="YOUR_CHANNEL_ID_HERE" max="7" ></boosted-youtube-feed>

direction: Direction to display the feed. (options: column, row)

<boosted-youtube-feed channel-id="YOUR_CHANNEL_ID_HERE" direction="column"></boosted-youtube-feed>

show-info: Show the title, author and date. (options: true, false)

<boosted-youtube-feed channel-id="YOUR_CHANNEL_ID_HERE" show-info="false" ></boosted-youtube-feed>