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" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/IvDbycfQdlM?version=3&rel=0&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>
Embedding a Video in the Classic Editor
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/RUaDFo4b3Ww?version=3&rel=0&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>
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.

Bruce

<a href="https://www.socialite-media.com/videojs-hls-player-for-wordpress" rel="nofollow ugc">Video.js HLS Player</a> is a user-friendly plugin that allows you to easily embed responsive/fluid (or fixed width) HLS videos into WordPress posts and pages using this customized video.js player. Embedding externally hosted .m3u8 HLS video files couldn’t be easier.
<h4>Video.js HLS Player Features</h4>
<ul>
<li>Embed HLS video package into a post/page or anywhere on your WordPress site</li>
<li>Embed responsive videos for a better user experience while viewing from a mobile device</li>
<li>Embed HTML5 videos which are compatible with all major browsers</li>
<li>Embed videos with poster images</li>
<li>Embed videos using videojs player</li>
<li>Automatically play a video when the page is rendered</li>
<li>Embed fallback videos uploaded to your WordPress media library using direct links in the shortcode</li>
<li>No setup required, simply install and start embedding videos</li>
<li>Lightweight and compatible with the latest version of WordPress</li>
<li>Clean and sleek player with no watermark</li>
<li>Fallback for other HTML5-supported filetypes (MP4, WebM, Ogv)</li>
</ul>
<h4>Video.js HLS Player Plugin Usage</h4>
In order to embed a video create a new post/page and use the following shortcode:
<pre><code>[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8"]
</code></pre>
Here, “url” is the location of the HLS video package file.
<h4>Video Shortcode Options</h4>
The following options are supported in the shortcode.
MP4
You can specify an MP4 video file in addition to the source HLS video file. This parameter is optional.
<pre><code>[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8" mp4="http://example.com/wp-content/uploads/videos/myvid.mp4"]
</code></pre>
WebM
You can specify a WebM video file in addition to the source HLS video file. This parameter is optional.
<pre><code>[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8" webm="http://example.com/wp-content/uploads/videos/myvid.webm"]
</code></pre>
Ogv
You can specify a Ogv video file in addition to the source HLS video file. This parameter is optional.
<pre><code>[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8" ogv="http://example.com/wp-content/uploads/videos/myvid.ogv"]
</code></pre>
Width
Defines the width of the video file (Height is automatically calculated). This option is not required unless you want to limit the maximum width of the video.
<pre><code>[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8" width="480"]
</code></pre>
Preload
Specifies if and how the video should be loaded when the page loads. Defaults to “auto” (the video should be loaded entirely when the page loads). Other options:
<ul>
<li>“metadata” – only metadata should be loaded when the page loads</li>
<li>
“none” – the video should not be loaded when the page loads
[videojs_hls url=”https://player.vimeo.com/external/xxxxxxxxx.m3u8″ preload=”metadata”]
</li>
</ul>
Controls
Specifies if video controls should be displayed. Defaults to “true”. In order to hide controls set this parameter to “false”.
<pre><code>[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8" controls="false"]
</code></pre>
When you disable controls users will not be able to interact with your videos. So It is recommended that you enable autoplay for a video with no controls.
Autoplay
Causes the video file to automatically play when the page loads.
<pre><code>[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8" autoplay="true"]
</code></pre>
Poster
Defines image to show as placeholder before the video plays.
<pre><code>[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8" poster="http://example.com/wp-content/uploads/poster.jpg"]
</code></pre>
Loop
Causes the video file to loop to beginning when finished and automatically continue playing.
<pre><code>[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8" loop="true"]
</code></pre>
Muted
Specifies that the audio output of the video should be muted.
<pre><code>[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8" muted="true"]
</code></pre>
iOS Inline
Force the video to play inline on iOS 10+
<pre><code>[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8" inline="true"]
</code></pre>
For detailed documentation please visit the <a href="https://www.socialite-media.com/videojs-hls-player-for-wordpress" rel="nofollow ugc">Video.js HLS Player</a> plugin page

Video.js HLS Player

Perfect

Easily embed responsive/fluid (or fixed width) HLS videos into WordPress posts and pages using this customized video.js player.

Easy Video Player vs Video.js HLS Player