xundeenergie

Gives you a shortcode for Youtube-Videos and makes a preview-pic for this Video and realizes to watch the video with fancybox for wordpress oder prettyPhoto or in a extra tab. You choose, what you want.
The URL ist for example: http://www.youtube.com/watch?v=XmRLJ4XvpZk 
The shortcode is
<pre><code>[ytcode ytid="XmRLJ4XvpZk"]
[ytcode ytid="XmRLJ4XvpZk" tit="Vemma Strategie Deutsch"]
[ytcode ytid="XmRLJ4XvpZk" tit="Vemma Strategie Deutsch" x="800" y="488"]
[ytcode ytid="XmRLJ4XvpZk" x="800" y="488" ppic="2"]
[ytcode ytid="XmRLJ4XvpZk" ppic="default"]
[ytcode ytid="XmRLJ4XvpZk" fso="v"]
</code></pre>
<ul>
<li>Options:</li>
<li>
float=”left|none|right” 
if float is none, you can choose the alignment:
</li>
<li>
align=”left|center|right”
</li>
<li>
fso=”h|v|n” 
horizontal, vertical, none filmstripes
</li>
<li>
ppic=”default|1|2|3″ 
takes the previewpic from youtube. This are the four possible picture-names.
</li>
<li>
vb=”prettyphoto|fancybox|blank” 
if installed it uses prettyphoto or fancybox. Or it opens the video in a new tab (target=”_blank”)
</li>
<li>
pfeil=”FF0000″ 
the color of the arrow is now red
</li>
</ul>
<h3>Arbitrary section</h3>
*Known Issues: 
 – Publishing an Artikel/Site or update ist can cause an error-message “Warning: Cannot modify header information – headers already sent by (…)” 
 maybe this is theme specific or it depends to other plugins!
<h3>A brief Markdown Example</h3>
Unordered list:
<ul>
<li>Make opacity from the overlay-pic with the arrow on the preview-pic adjustable</li>
<li>resizing of the previewpic doesn’t work correct!</li>
</ul>
Here’s a link to <a href="https://wordpress.org/" title="Your favorite software" rel="ugc">WordPress</a> and one to <a href="http://daringfireball.net/projects/markdown/syntax" title="Markdown is what the parser uses to process much of the readme file" rel="nofollow ugc">Markdown’s Syntax Documentation</a>. 
Titles are optional, naturally.
Markdown uses email style notation for blockquotes and I’ve been told:
<blockquote>
Asterisks for emphasis. Double it up for strong.
</blockquote>
<pre><code><?php code(); // goes in backticks ?>
</code></pre>

ytlink

Makes a preview-pic out of the short youtube-id, uses fancybox or prettyPhoto

Aishan

This plugin enhances page load times by loading only the YouTube video preview image initially. Additionally, it offers the option to make your video sticky, positioning it at the top or bottom of the window when the user scrolls away from the video viewport.
<h3>Features</h3>
<ul>
<li>Lazy Load Videos: Reduce the amount of time it takes to load your video by loading just the video thumbnail.</li>
<li>Multiple Video Support: You may quickly and simply add more than one video to a page. Videos can only be played one at a time, and when one is playing, the other one instantly pauses.</li>
<li>Sticky Video: Keep videos visible as you navigate by adhering them to the top or bottom of the screen to ensure ongoing playback.</li>
<li>Custom Styling: Adapt your videos’ look to perfectly match the style of your website by using your own CSS.</li>
</ul>
<h3>Usage</h3>
<h3>Method 1: Using the Classic Editor (WP Editor)</h3>
<ol>
<li>
Generate Shortcode in WP Editor:
<ul>
<li>Open the post/page where you want to add the YouTube video.</li>
<li>In the WordPress editor, click on the LLVASC icon. This will open a popup window.</li>
<li>In the popup, add your YouTube video ID. The video ID is the unique alphanumeric code found at the end of your YouTube video URL. For example, in <code>https://www.youtube.com/watch?v=iXGoAj7IEys</code>, the video ID is <code>iXGoAj7IEys</code>.</li>
<li>After entering the video ID, click “Ok”. This action will generate and insert a shortcode into your content.</li>
</ul>
</li>
<li>
Shortcode Format:
<ul>
<li>The shortcode added to your content will look like this: 
 [lazy-load-videos-and-sticky-control id=”Youtube-video-ID”]</li>
<li>For example, if your video ID is <code>iXGoAj7IEys</code>, the shortcode will be: 
 [lazy-load-videos-and-sticky-control id=”iXGoAj7IEys”]</li>
</ul>
</li>
<li>
Save/Update:
<ul>
<li>Save or update your post/page to apply the changes.</li>
</ul>
</li>
<li>
Preview and Customize:
<ul>
<li>Preview your page to see the embedded video.</li>
<li>If you need to adjust the styling, you can add custom CSS in the General tab of the plugin settings.</li>
</ul>
</li>
</ol>
<h3>Method 2: Using Gutenberg Block</h3>
<ol>
<li>
Add a Block:
<ul>
<li>Open the post/page where you want to add the YouTube video using the Gutenberg editor.</li>
<li>Click on the “+” icon to add a new block.</li>
</ul>
</li>
<li>
Select the LLVASC Block:
<ul>
<li>Search for the “LLVASC” block in the block library.</li>
<li>Add this block to your content.</li>
</ul>
</li>
<li>
Enter YouTube Video ID:
<ul>
<li>In the LLVASC block settings inspect control, select your video platform and enter your video ID. For example, if your YouTube video URL is <code>https://www.youtube.com/watch?v=iXGoAj7IEys</code>, the video ID is <code>iXGoAj7IEys</code>.</li>
</ul>
</li>
<li>
Save/Update:
<ul>
<li>Save or update your post/page to apply the changes.</li>
</ul>
</li>
<li>
Preview and Customize:
<ul>
<li>Preview your page to see the embedded video.</li>
<li>Customize the block settings as needed to adjust the appearance and functionality.</li>
</ul>
</li>
</ol>
<h3>Demo Preview</h3>
<a href="https://preview-plugin.web.app/lazy-load-videos-and-sticky-control.html" rel="nofollow ugc">Demo</a>

Lazy load videos and sticky control

Lazy load and sticky your video. Super-easy and fun!

ytlink vs Lazy load videos and sticky control