Md Abul Bashar

Advanced Videos Feed for Elementor allows you to showcase video content from various platforms in your Elementor-powered WordPress website. Create engaging video galleries, feeds, and displays with ease.
<a href="https://lonelytime.s3-tastewp.com/advance-video-feed-for-elementor/" rel="nofollow ugc">View Demo</a>
<h4>Current Features</h4>
<ul>
<li>Easy integration with Elementor</li>
<li>YouTube video platform support</li>
<li>Customizable video layouts</li>
<li>Responsive design</li>
<li>Video thumbnail display options</li>
<li>Grid and list layout options</li>
</ul>
<h4>Upcoming Features</h4>
<ul>
<li>Support for multiple video platforms (Vimeo and others)</li>
<li>Custom play button styles</li>
<li>Lazy loading support</li>
</ul>
<h4>Video Tutorials</h4>
<ul>
<li><a href="https://www.youtube.com/watch?v=EPeDTRNKAVo" rel="nofollow ugc">How to Get YouTube API Key</a></li>
<li><a href="https://www.youtube.com/watch?v=3mrKjzrIiq4" rel="nofollow ugc">How to Find Your YouTube Channel ID</a></li>
<li><a href="https://www.youtube.com/watch?v=Irz1mN_duAU" rel="nofollow ugc">How to Find YouTube Playlist ID</a></li>
</ul>
<h4>How to Use</h4>
Getting Started: 
1. Get your YouTube API Key: 
 * Go to Google Cloud Console 
 * Create a new project or select existing 
 * Enable YouTube Data API v3 
 * Create credentials (API Key) 
 * Watch the <a href="https://www.youtube.com/watch?v=EPeDTRNKAVo" rel="nofollow ugc">tutorial video</a> for detailed steps
<ol>
<li>
Find your Channel ID:
<ul>
<li>Go to your YouTube channel page</li>
<li>Right-click and select “View Page Source”</li>
<li>Search for “channelId”</li>
<li>Or watch the <a href="https://www.youtube.com/watch?v=3mrKjzrIiq4" rel="nofollow ugc">tutorial video</a> for guidance</li>
</ul>
</li>
<li>
For Playlist Feed:
<ul>
<li>Go to your YouTube playlist</li>
<li>Copy the ID from the URL (starts with “PL”)</li>
<li>Watch the <a href="https://www.youtube.com/watch?v=Irz1mN_duAU" rel="nofollow ugc">tutorial video</a> for help</li>
</ul>
</li>
</ol>
<h4>Available Fields and Settings</h4>
General Settings: 
* Layout Type – Choose between grid or list layout 
* Columns – Set number of columns for grid layout 
* Items Per Page – Control how many videos to display 
* Title – Show/hide video title 
* Description – Show/hide video description 
* Thumbnail Size – Select video thumbnail quality
Query Settings: 
* Channel ID – Your YouTube channel ID 
* Playlist ID – YouTube playlist ID 
* Video Count – Number of videos to fetch 
* Cache Duration – How long to cache the feed
Style Settings: 
* Title Color – Customize title text color 
* Description Color – Set description text color 
* Background Color – Change item background 
* Padding & Margin – Adjust spacing 
* Border – Customize border style
<h3>External Services</h3>
This plugin uses the YouTube Data API v3 to fetch and display videos. Here’s what you need to know:
<ul>
<li>Service Provider: Google’s YouTube Data API v3</li>
<li>Purpose: To fetch video data from YouTube channels and playlists</li>
<li>Data Transmission:
<ul>
<li>The plugin sends requests to YouTube’s API with your API key</li>
<li>For channel feeds: Requests include channel ID and maximum results count</li>
<li>For playlist feeds: Requests include playlist ID and maximum results count</li>
</ul>
</li>
<li>Privacy & Terms:
<ul>
<li>YouTube API Services Terms of Service: https://developers.google.com/youtube/terms/api-services-terms-of-service</li>
<li>Google Privacy Policy: https://policies.google.com/privacy</li>
</ul>
</li>
</ul>

Advanced Videos Feed for Elementor

Display beautiful video feeds from various sources using Elementor widgets.

webvitaly

<ul>
<li><a href="https://r.freemius.com/13759/8047958/" title="Advanced iFrame" rel="nofollow ugc">Advanced iFrame</a></li>
<li><a href="http://web-profile.net/wordpress/plugins/iframe/" title="Plugin page" rel="nofollow ugc">iframe</a></li>
<li><a href="http://web-profile.net/donate/" title="Support the development" rel="nofollow ugc">Donate</a></li>
<li><a href="https://github.com/webvitalii/iframe" title="Fork" rel="nofollow ugc">GitHub</a></li>
</ul>
[iframe src=”http://www.youtube.com/embed/7_nAZQt9qu0″ width=”100%” height=”500″] shortcode 
should show something like this:
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/7_nAZQt9qu0?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
WordPress removes iframe html tags because of security reasons. 
Iframe shortcode is the replacement of the iframe html tag and accepts the same params as iframe html tag does. 
You may use iframe shortcode to embed content from YouTube, Vimeo, Google Maps or from any external page.
If you need to embed content from YouTube, Vimeo, SlideShare, SoundCloud, Twitter via direct link, you may use <code>[embed]http://www.youtube.com/watch?v=7_nAZQt9qu0[/embed]</code> shortcode. 
[embed] shortcode is a core WordPress feature and can <a href="https://codex.wordpress.org/Embeds" rel="nofollow ugc">embed content from many resources via direct link</a>.
Important: You can not embed HTTP pages into HTTPS pages and vice versa. 
So the protocol (http or httpS) for parent and embedded page should match.
<h4>iframe params:</h4>
<ul>
<li>src – source of the iframe: <code>[iframe src="http://www.youtube.com/embed/7_nAZQt9qu0"]</code>; by default src=”http://www.youtube.com/embed/7_nAZQt9qu0″;</li>
<li>width – width in pixels or in percents: <code>[iframe width="100%"]</code> or <code>[iframe width="600"]</code>; by default width=”100%”;</li>
<li>height – height in pixels: <code>[iframe height="500"]</code>; by default height=”500″;</li>
<li>scrolling – with or without the scrollbar: <code>[iframe scrolling="no"]</code>; by default scrolling=”yes”;</li>
<li>frameborder – with or without the frame border: <code>[iframe frameborder="0"]</code>; by default frameborder=”0″;</li>
<li>marginheight – height of the margin: <code>[iframe marginheight="0"]</code>; removed by default;</li>
<li>marginwidth – width of the margin: <code>[iframe marginwidth="0"]</code>; removed by default;</li>
<li>allowtransparency – allows to set transparency of the iframe: <code>[iframe allowtransparency="true"]</code>; removed by default;</li>
<li>id – allows to add the id of the iframe: <code>[iframe id="custom_id"]</code>; removed by default;</li>
<li>class – allows to add the class of the iframe: <code>[iframe class="custom_class"]</code>; by default class=”iframe-class”;</li>
<li>style – allows to add the css styles of the iframe: <code>[iframe style="margin-left:-30px;"]</code>; removed by default;</li>
<li>same_height_as – allows to set the height of iframe same as target element: <code>[iframe same_height_as="div.sidebar"]</code>, <code>[iframe same_height_as="div#content"]</code>, <code>[iframe same_height_as="body"]</code>, <code>[iframe same_height_as="html"]</code>; removed by default;</li>
<li>any_other_param – allows to add new parameter of the iframe <code>[iframe any_other_param="any_value"]</code>;</li>
<li>any_other_empty_param – allows to add new empty parameter of the iframe (like “allowfullscreen” on youtube) <code>[iframe any_other_empty_param=""]</code>;</li>
</ul>

iframe

[iframe src="http://www.youtube.com/embed/7_nAZQt9qu0" width="100%" height="500"] shortcode

Advanced Videos Feed for Elementor vs iframe