Create a Youtube Media Feed From Scratch
This guide explains creating a Youtube media feed module using the Slider Revolution plugin.
![](https://www.sliderrevolution.com/wp-content/uploads/2023/06/featuredImageYoutubeFeed.jpg)
Table of Contents
Integrate Youtube Feed into Your Website with Slider Revolution
Integrating a YouTube feed into your website with Slider Revolution [?]
Slider Revolution is a website content creation tool with a focus on captivating animation and stunning visual effects.
It began its life as a plugin for creating slideshows, but has evolved into a fully fledged piece of design software. offers many benefits. By showcasing captivating videos, you can enhance user engagement and create an interactive browsing experience for your visitors. Whether you want to promote your content or entertain your audience, a seamless integration of a YouTube feed can elevate your website’s appeal and keep your visitors coming back for more exciting video content.
Create a Blank Module / Import Template
If you’re new to Slider Revolution Plugin and want to learn how to create a blank module [?]
A module in Slider Revolution acts as a container for slides, which in turn act as containers for layers. Modules are created and edited with the module editor.
A "module" is a single, self contained piece of content. You can think of this as being similar to the way a post or page in regular WordPress is a self contained piece of content.
A module can represent any kind of content Slider Revolution is capable of creating, such as a slider, carousel, hero unit, navigation menu, posts display and so on.
Multiple modules can be combined to form rich content such as complete sites and landing pages. or import a template [?]
A "Template" is a premade module. It has pre-configured layers already in place.
It is designed to be ready for use, either as is or after being modified in the module editor.
Slider Revolution comes with several templates you can use, or alternatively you can create your own templates, thereby allowing you to easily reuse modules you have produced., check out the manual. It provides step-by-step instructions to guide you through the process.
Content Source
Hover over the newly created module:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/youtubeModule.jpg)
Click on the pencil icon to edit the module:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/pencilIcon.jpg)
Go to the Content sub-section in the Module General Options tab:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/contentSubSection.jpg)
Scroll down to the Content panel:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/contentPanel.jpg)
Ensure that the Youtube setting from the Source option is selected:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/youtubeSettingSelected.jpg)
Scroll down to the Youtube Settings panel:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/youtubeSettingsPanel.jpg)
Youtube Settings Panel
Slides
In the Slides option, you can add up to twenty-five slides that should be created with the Youtube content. For example, if you wish to have five slides with Youtube media, you can input 5 in the input field:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/numberOfSlides.jpg)
Cache
The Cache option helps make Youtube videos load faster. This option saves the videos in a temporary storage area called a cache, so the website can access them more quickly the next time users visit. This means users can immediately load the videos whenever they visit the website. So, the Cache option helps make browsing the internet faster and more enjoyable!
By default, the Cache option has a delay value of 1200 seconds; the Youtube API will be called every 1200 seconds later; you can change the interval for how often the Youtube API should be called:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/cache.jpg)
API Key
The Slider Revolution plugin helps you show videos from youtube on your website. However, it needs a unique password called an API key. This key unlocks a door to your Youtube account so the plugin can see videos on your channel and show them on your website. It’s like giving a secret key to a friend so they can see your videos too!
The Youtube website has a step-by-step guide to help users get API Keys.
Paste the key you get from the Youtube website into the API Key field:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/apiKey.jpg)
Channel ID
To find the channel ID refer to the Youtube guide. Follow the steps mentioned in the Youtube guide, copy the ID, and paste it into the Channel ID input field in the Slider Revolution module:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/channelID.jpg)
Source
Click on the Source dropdown menu to see all options:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/sourceDropDown.jpg)
Playlist
Click on the Playlist setting to load videos from a selected playlist only:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/sourcePlaylist.jpg)
Select Playlist
All the playlists from the channel will appear in the dropdown menu of Select Playlist:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/playlistDropDown.jpg)
Choose a playlist of your choice from the dropdown menu:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/selectPlaylist.jpg)
Channel
If you wish to load all the videos from the channel, not just any specific playlist, select the Channel setting from the Source option:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/sourceChannel.jpg)
Click the Save button at the bottom right corner:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/saveYoutubeSettings.jpg)
Streaming Media Feed Videos in Slider Revolution
Videos as Slide Background
Go to the Slide Options tab:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/slideOptions.jpg)
Click on the Background [?]
A "background" in Slider Revolution is a type of layer that is always present in every module, and is always visually behind all other layers.
A background can be transparent, a flat color, a gradient, an image, or a video. It can be animated in the same way as other layers can be, however it cannot be deleted. sub-section:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/backgroundSubSection.jpg)
Scroll down to the Source panel:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/sourcePanelSlideOptions.jpg)
Click on the Type option to open a dropdown menu:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/typeDropdown.jpg)
Select the YouTube Video setting from the Type option:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/youtubeVideoSettings.jpg)
Toggle the Video from Stream if exists option:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/videoFromStreamBackground.jpg)
Click the Save button:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/saveButtonBackgroundSettings.jpg)
Video as Layers
Hover over the Add Layer [?]
Layers are containers for visual, audio or layout items and are added to slides. For example, text, button, image, audio, video, group and row are all types of layers.
Layers are added to slides via the module editor. to open a dropdown menu on the top bar:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/addLayerDropdown.jpg)
Click on the Video menu option:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/selectVideoLayer.jpg)
Ensure that the added Video layer is selected from the Timeline [?]
The timeline is the section of the module editor dedicated to animation and controlling the stacking order of layers.
From this part of the editor animations can be added, adjusted and previewed. Additionally, layers can be selected from the timeline, and can be dragged and dropped up and down on the timeline to modify which appear in front and which behind.
It can be equally compared to both a timeline in a typical video editing application, and a layers panel in a typical graphic design application at the bottom:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/videoSelectTimeline.jpg)
Go to the Layer Options tab at the top-right corner:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/layerOptionsTab.jpg)
Go to the Content sub-section under the Layer Options tab:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/contentSubSectionLayerOption.jpg)
Scroll down to the Media Content panel:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/mediaContentPanel.jpg)
Toggle the Video from Stream if exist option:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/toggleVideoFromStreamLayer.jpg)
Select the YouTube Video setting from the Type option:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/youtubeVideoSettingLayer.jpg)
Click the Save button:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/saveBtnVideoLayer.jpg)
YouTube Media Feed Meta Data
You can display metadata about each Youtube video when you show videos in a slider using Slider Revolution Plugin. Metadata is information about the videos, such as the published date, username, or excerpt.
You can provide more context and information to your website and visitors by displaying metadata with your media. With Slider Revolution Plugin, you can easily choose which metadata to display and customize its appearance to match your website’s style.
Add a Text Layer
Go to the Layer Options tab:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/layerOptionsTab.jpg)
Hover over the Add Layer option to open the dropdown menu:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/addLayerDropdown.jpg)
Click on the Text layer menu item; you will need to add a new text layer for each metadata:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/textLayerMetaData.jpg)
Meta Data
Select the text layer from the Timeline at the bottom of the Module Editor [?]
The "Module Editor" is the tool used to create & modify modules.
Through this visual, drag & drop, no-code interface you can add various types of layers, animation and special FX to your modules, as well as managing slides and configuring options.:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/selectTextLayerTimeLine.jpg)
From the Text/Button Layer Content panel on the right sidebar, click the Meta button:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/metaButton.jpg)
You will see a popup window with metadata:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/metaPopupWindow.jpg)
Social Basics Meta Data
Click on the Social tab in the MetaData popup:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/socialTabMetaData.jpg)
Hover over the Username metadata and click on it:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/usernameMeta.jpg)
Click the cross (X) mark from the top right corner of the MetaData popup window:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/crossMarkMetaPopup.jpg)
Go to the Text/Button Layer Content panel at the right sidebar:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/textButtonLayerContentPanel.jpg)
Please ensure you are in the Idle text editor window:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/idleWindow.jpg)
Select any extra content in the window except the {{author_name}} metadata:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/selectRemoveExtraLayerContent.jpg)
Remove the selected extra content:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/metaDataAfterRemovingExtraConten.jpg)
Click the Save button at the bottom of the module editor:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/saveBtnSocialBasics.jpg)
YouTube Extras Meta Data
Click on the Social tab in the MetaData popup:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/socialTabMetaData-1.jpg)
Scroll down to the YouTube Extras row; there are two metadata, especially for Youtube:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/youTubeExtras.jpg)
Hover over the Excerpt metadata and click on it:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/excerptMetaData.jpg)
Click the cross (X) mark from the top right corner of the MetaData popup window:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/crossMarkMetaPopup-1.jpg)
Go to the Text/Button Layer Content panel in the right sidebar:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/textBtnLayerContentPanelExcerpt.jpg)
Please ensure you are in the Idle text editor window:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/idleWindowExcerptMeta.jpg)
Select any extra content in the window except the {{excerpt}} metadata:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/selectExtraContentExtrasMeta.jpg)
Remove the extra selected content:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/extrasMetaAfterExtraContentRemove.jpg)
Click the Save button at the bottom right corner:
![](https://www.sliderrevolution.com/wp-content/uploads/2023/08/saveBtnSocialBasics-1.jpg)