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

Noor Alam

<a href="https://noorsplugin.com/wordpress-video-plugin/" rel="nofollow ugc">Easy Video Player</a> is a user-friendly WordPress video plugin to showcase your videos. You can embed both self-hosted videos or videos that are externally hosted using direct links.
<h3>Easy Video Player Add-ons</h3>
<ul>
<li><a href="https://noorsplugin.com/wordpress-video-plugin/" rel="nofollow ugc">MediaElement Skin 1</a></li>
<li><a href="https://noorsplugin.com/easy-video-player-user-only-videos/" rel="nofollow ugc">User Only Videos</a></li>
<li><a href="https://noorsplugin.com/easy-video-player-schema/" rel="nofollow ugc">Video Schema</a></li>
<li><a href="https://noorsplugin.com/easy-video-player-disable-right-click/" rel="nofollow ugc">Disable Right Click</a></li>
</ul>
<h3>Easy Video Player Features</h3>
<ul>
<li>Embed MP4 video into your website</li>
<li>Embed responsive video for a better user experience while viewing from a mobile device</li>
<li>Embed HTML5 video which are compatible with major browsers</li>
<li>Embed video with poster images</li>
<li>Embed video with autoplay if the device and browser support it</li>
<li>Embed video with loop</li>
<li>Embed video with muted enabled</li>
<li>Customize the video player using classes</li>
<li>Embed video using MediaElement player</li>
</ul>
<h3>Easy Video Player Plugin Usage</h3>
<iframe loading="lazy" title="Easy Video Player Plugin Setup in WordPress 6.7" width="750" height="422" src="https://www.youtube.com/embed/IvDbycfQdlM?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
Embedding a Video in the Classic Editor
<iframe loading="lazy" title="Easy Video Player Plugin for WordPress" width="750" height="422" src="https://www.youtube.com/embed/RUaDFo4b3Ww?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
Settings Configuration
It’s pretty easy to set up this video player plugin. Once you have installed the plugin simply navigate to the Settings menu where you will be able to configure some options. Mostly you just to need check the “Enable jQuery” option. That will allow the plugin to make use of jQuery library.
Embedding Shortcodes for the Videos
Now it’s time to finally embed a video shortcode. To do this create a new post/page and use the following shortcode:
<pre><code>[evp_embed_video url="https://example.com/wp-content/uploads/videos/myvid.mp4"]
</code></pre>
Here, url is a shortcode parameter that you need to replace with the actual URL of the video file.
Video Autoplay
If you want a particular video to start playing when the page loads, you can set the “autoplay” option to “true”:
<pre><code>[evp_embed_video url="https://example.com/wp-content/uploads/videos/myvid.mp4" autoplay="true"]
</code></pre>
Control Size
By default, the player takes up the full width of the content area. You can easily control the size by specifying a width for it:
<pre><code>[evp_embed_video url="https://example.com/wp-content/uploads/videos/myvid.mp4" width="640"]
</code></pre>
The height will be automatically determined based on the ratio (please see the “Control Player Ratio section” for details).
Control Player Ratio
You can override the default aspect ratio by specifying a different one in the shortcode:
<pre><code>[evp_embed_video url="https://example.com/wp-content/uploads/videos/myvid.mp4" ratio="16:9"]
</code></pre>
If the player does not support your specified aspect ratio it will load the default.
Video Loop
If you want a particular video to start playing again when it ends, you can set the “loop” option to “true”:
<pre><code>[evp_embed_video url="https://example.com/wp-content/uploads/videos/myvid.mp4" loop="true"]
</code></pre>
Video Player Template
If you want to use a different video player template, you can specify it in the “template” parameter:
<pre><code>[evp_embed_video url="https://example.com/wp-content/uploads/videos/myvid.mp4" template="mediaelement"]
</code></pre>
By default, the mediaelement template only loads the “metadata” of a video when the page loads. You can set it to “auto” or “none” with the preload parameter in the shortcode.
<pre><code>[evp_embed_video url="https://example.com/wp-content/uploads/videos/myvid.mp4" preload="auto" template="mediaelement"]
</code></pre>
For detailed documentation please visit the <a href="https://noorsplugin.com/wordpress-video-plugin/" rel="nofollow ugc">WordPress video plugin</a> page
<h3>Plugin Language Translation</h3>
If you are a non-English speaker please help <a href="https://translate.wordpress.org/projects/wp-plugins/easy-video-player" rel="nofollow ugc">translate Easy Video Player</a> into your language.

Easy Video Player

Easy Video Player is a WordPress video player that allows you to add videos to your WordPress site.

Youtube shortcode vs Easy Video Player