Tubal

A really simple and very lightweight plugin to embed customized Youtube videos & playlists anywhere in your blog or website using wordpress shortcodes.
<h4>Documentation, live demos and support</h4>
All documentation and demos are located at the <a href="http://www.margenn.com/tubal/youtube_shortcode/" rel="nofollow ugc">plugin website</a>.
The plugin website is proudly powered by WordPress and nearly all posts show a live demo so you can check how Youtube videos behave under every scenario/configuration such as:
<ul>
<li>Window resizing (resize the browser window to check how “fluid” videos adapt to fit)</li>
<li>Mobile viewing (visit the website with your mobile and check how videos look)</li>
<li>RSS viewing (subscribe to the feed and check how videos look in your RSS reader)</li>
<li>Different parameters for the Youtube player</li>
</ul>
What’s more, I’ve added <a href="http://youtubesc.uservoice.com" rel="nofollow ugc">Uservoice feedback</a> so you can share your ideas and issues. I want to hear from you. You can also post comments on every article.
I’ve moved all documentation to a website because I think it’s great to have a real WordPress environment set up and running with a working version of the plugin (latest) and a live demo for every piece of documentation.
<h4>Features:</h4>
<ul>
<li>Supports all official YouTube player customization parameters and respects Youtube’s default values: <a href="http://code.google.com/intl/en/apis/youtube/player_parameters.html" title="Official documentation" rel="nofollow ugc">Youtube official documentation</a>. You can override any default value.</li>
<li>Supports TinyMCE editor button (1.7+ version) to make it easier for you to customize the Youtube video player (auto-inserts the shortcode).</li>
<li>Supports RSS readers, Mobile browsers and fluid/elastic layouts.</li>
<li>Supports automatic calculation of video height. Just set the Youtube player <code>width</code> and omit the <code>height</code> parameter in the shortcode. There’s no need to set a height manually to get the perfect height.</li>
<li>Supports automatic localization of Flash videos (“old embed code” only). This plugin detects the visitor’s preferred language to set the default language of the Youtube player UI & the video’s captions/subtitles (otherwise en_US would be set by default for every visitor).</li>
<li>Supports normal Youtube URLs, short Youtube URLs, embed Youtube URLs and Youtube’s video ID as value for <code>url</code> parameter.</li>
<li>Supports setting a different “title” attribute for each Youtube video (useful for SEO & Accessibility).</li>
<li>Supports both the deprecated Youtube AS2 Flash player and the new iframe player (AS3 Flash or HTML5). This plugin uses Youtube’s new embed code (iframe: AS3 or HTML5 player) by default but optionally you can use the deprecated AS2 player (Flash only). The new embed code (iframe) will take care of the environment capabilities. This way you know your video will work on most devices, including mobile devices (that have Adobe’s Flash 10.1 installed or support CSS, iframes and basic Javascript) and RSS readers.</li>
<li>Supports web browsers with no Javascript support or with Javascript disabled. If a web browser does not support Javascript or Javascript is disabled, Youtube’s new embed code will not work. In that case this plugin will try to show the Youtube video using Adobe’s Flash (If Flash is not installed or enabled, the plugin will show the user what to do).</li>
<li>Developer friendly: <code>wp-content</code> directory can be renamed or moved safely to a different location. For more info read <a href="https://codex.wordpress.org/Editing_wp-config.php#Moving_wp-content" rel="nofollow ugc">Moving wp-content</a></li>
<li>Tested on IE 6+, Firefox 2+, Opera 8+, Safari 3+, Chrome 5+, iOS & Android (Webkit mobile), Opera mobile, Firefox mobile (Fennec) and RSS readers (such as Google Reader and NetNewsWire).</li>
</ul>
<h4>Roadmap</h4>
In version 1.9 I’ll develop a settings page so that you can store configuration defaults for every Youtube video.
Support its development <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=6W2TXS68W7A8Y" rel="nofollow ugc">donating a few bucks 🙂</a> (PayPal).
Plugin developed by Túbal Martín at <a href="http://www.margenn.com" rel="nofollow ugc">www.margenn.com</a>.

Youtube shortcode

Embed customized Youtube videos & playlists anywhere using shortcodes

Nashir Uddin

Add a video player with <a href="https://videojs.com/" rel="nofollow ugc">Video.js</a>: a web video player built from the ground up for an HTML5 world. It supports HTML5 video and modern streaming formats, as well as Mp4, YouTube and Vimeo. 
Can be set video player with Gutenberg Block and Shortcode based on the dashboard settings.
<h4>Supported Video Types</h4>
<ol>
<li>YouTube Videos: Seamlessly embed YouTube videos for easy integration.</li>
<li>HTML5 Videos: Supports MP4, WebM, and OGG formats for flexibility and performance.</li>
</ol>
How to use Easy Player – Video Tutorial
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/Lj_ftw3qZ1o?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>
<h4>Key Features</h4>
<ol>
<li>Preload Video: Load videos efficiently to enhance the browsing experience.</li>
<li>Playback Speed Control: Allow users to adjust video speed as per their preference.</li>
<li>Autoplay & Muted: Automatically play videos with or without sound for a seamless experience.</li>
<li>Loop Videos: Keep your videos playing continuously to maintain user attention.</li>
<li>Reset on End: Automatically reset the video to the beginning after it ends.</li>
<li>Enable Smooth Seeking: Provide a smooth navigation experience for seeking within videos.</li>
<li>Playsinline: Optimize playback for mobile devices by preventing fullscreen switching.</li>
<li>Big Play Button: Highlight the play button for easy user interaction.</li>
<li>Progress Control Bar: Let users track video progress effortlessly.</li>
<li>Remaining Time Display: Show how much time is left in the video.</li>
<li>Display Negative Time: Enable the option to show negative time for a unique countdown view.</li>
<li>Volume Control: Offer full control over video volume.</li>
<li>Fullscreen Toggle: Allow users to enjoy videos in fullscreen mode.</li>
</ol>
<h4>Why Choose This Plugin?</h4>
<ol>
<li>User-Friendly Interface: Simple to configure and customize.</li>
<li>Optimized for Performance: Lightweight and built to ensure fast loading times.</li>
<li>Responsive Design: Fully compatible with all devices and screen sizes.</li>
</ol>
Easily added a Video Player with auto generated shortcode like:
<pre><code>[easy-player ID="1"]
</code></pre>
Easily added a Video Player with with manual shortcode like:
<pre><code>[easy-player]
[easy-player src='mp4 video url' type='mp4' ]
[easy-player src='youtube vide url' type='youtube' ]
</code></pre>
<h3>Support</h3>
For support, feature request, or any inquiries, please email at <a href="nashirbabu@gmail.com" rel="nofollow ugc">nashirbabu@gmail.com</a>

Easy Player – HTML5 Video,YouTube,Video.js

Interactive video player on your posts and pages with Shortcode and Gutenberg block editor.

Youtube shortcode vs Easy Player – HTML5 Video,YouTube,Video.js