Home
WordPress Plugins
Html5 Video Player – mp4 player, Video Player for WordPress free WordPress plugin

free-wordpress-html5-video-player-8211-mp4-player-video-player-plugin-eavk-o.jpg

Html5 Video Player – mp4 player, Video Player for WordPress free WordPress plugin

Name: Html5 Video Player – mp4 player, Video Player for WordPress free WordPress plugin Wordpress Plugin
Rating: 5 (5 reviews)
Author: bPlugins LLC

More Info/Download Plugins

Description

Play various video files in wordpress. A Simple, accessible, Easy to Use & fully Customizable video player that works in all devices. You can Play / embed awesome video player in posts, pages, widget areas as well as templete files. It has tons of options that fit your video player needs.

Live Demo
Buy The Pro

How to use it?

Here is a quick tutorial.

</span></p> <h2>How to use</h2> <ul> <li>After install you can see a sidebar menu in the dashboare called “Html5 Video Player “</li> <li>Add one or more players from there. </li> <li>You will get Shortcode for every player In the player list.</li> <li>Copy Shortcode for playre you wanna publish </li> <li>Past the shortcode in post, page, widget areas To publish them. if you want to publish a player in template file use </li> <li>Enjoy !</li> </ul> <h2>Gutenberg Block</h2> <ul> <li>This plugin add a Gutenberg Block called Html5 Video Player Under Common Block </li> <li>To Add Video player block Go to Post/Page Editor</li> <li>Go to Common Block >Select Html5 Video Player</li> <li>Select a video Player </li> <li> <p>Publish > And enjoy !</p> </li> <li> <p>For installation help click on Installation Tab</p> </li> </ul> <h2>Features</h2> <ul> <li>The video player is compact so it does not take a lot of real estate on your webpage</li> <li>HTML5 compatible so the video files embedded with this plugin will play on iOS devices</li> <li>Works on all major browsers – IE7, IE8, IE9, Safari, Firefox, Chrome</li> <li>The video player is responsive.</li> <li>Player can be used to embed the video files on your WordPress posts or pages</li> <li>If you are selling video files from your site then you can use this plugin to offer a preview</li> <li>Add the video player to any post/page using shortcode</li> <li>Use autoplay option to play an video file as soon as the page loads</li> <li>You can play unlimited video</li> <li>User friendly interface</li> <li>Powered by html5 </li> </ul> <h2>Pro Version Features</h2> <p>What’s New in PRO ?</p> <ul> <li>Color changing Option.</li> <li>Add Videos from external source such as Amazon S3 / other hosts.</li> <li>Support Multiple Subtitle</li> <li>Video Quality Switcher </li> <li>Increase Page load speed by changing Preload option. </li> <li>Added Restart, Fast forward, Rewind button </li> <li>No ads</li> <li>Show / Hide download button</li> <li>Show / Hide Every button and controls </li> <li>Control Video speed And Quality Like YouTube</li> <li>Added Shortcode Generator in text editor of post / Page</li> </ul> <p>Get The PRO here: BUY The PRO Version </p> <h2>Feedback</h2> <p>Liked that plugin? Hate it? Want a new feature? <strong>Send your feedback</strong></p> <h2>⭐ Checkout our other WordPress Plugins-</h2> <p/></div> </p> </div> <h3 class="font-semibold text-4xl">Tags:</h3> <ul class="flex gap-x-2 pb-4 border-b-4 border-gray-400"> <li> <a href="https://oxtheme.com/plugins-search/?q=HTML5 video player" class="text-xs"> HTML5 video player </a> </li> <li> <a href="https://oxtheme.com/plugins-search/?q=mp4 player" class="text-xs"> mp4 player </a> </li> <li> <a href="https://oxtheme.com/plugins-search/?q=plyr" class="text-xs"> plyr </a> </li> <li> <a href="https://oxtheme.com/plugins-search/?q=video" class="text-xs"> video </a> </li> <li> <a href="https://oxtheme.com/plugins-search/?q=video player" class="text-xs"> video player </a> </li> </ul> <div class="flex flex-col md:flex-row gap-4 justify-between pb-4 border-b-4 border-gray-400"> <div class="flex flex-col"> <h2 class="mb-3 font-semibold text-4xl">Author</h2> <p class="mb-4 font-semibold text-sm w-48 word-break-all text-teal-600"> <a href="https://oxtheme.com/plugins-search/?q=bPlugins LLC"> bPlugins LLC </a> </p> </div> <div class="flex flex-col"> <h2 class="mb-2 font-bold text-4xl">Plugins Used on</h2> <p class="text-sm mb-4 font-semibold text-teal-600 w-48 word-break-all"> 3404 websites </p> </div> </div> <div class="flex flex-col md:flex-row gap-4 justify-between pb-4 border-b-4 border-gray-400"> <div class="flex flex-col"> <h2 class="mb-2 font-bold text-4xl">Plugins Folder</h2> <p class="text-sm mb-4 font-semibold text-teal-600 w-48 word-break-all"> html5-video-player </p> </div> <div class="flex flex-col"> <h2 class="mb-2 font-bold text-4xl">Plugins Pricing</h2> <p class="text-sm mb-4 font-semibold text-teal-600 w-48 word-break-all"> Free Plugin </p> </div> </div> <ul class="grid grid-cols-5 md:grid-cols-5 gap-4"> <li> <a rel="noreferrer noopener nofollow" href="https://be.elementor.com/visit/?bta=64676&nci=5626" target="_blank"> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/elementor200x200.png" border="0" width="250" height="250" /> </a> </li> <li> <a rel="noreferrer noopener nofollow" href="https://crocoblock.com/?ref=10375" target="_blank"> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/Crocoblock-280X280-dark.jpg" border="0" width="250" height="250" /> </a> </li> <li> <a target="_blank" rel="noreferrer noopener nofollow" href="https://shareasale.com/r.cfm?b=2344585&u=94913&m=41388&urllink=&afftrack="> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/250x250WPEBanner-replacing1144536.png" border="0" alt=""/> </a> </li> <li> <a rel="noreferrer noopener nofollow" href="https://digitalocean.pxf.io/c/3546921/1373777/15890" target="_blank" id="1373777"> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/15890-1373777.jpg" border="0" alt="" width="300" height="250"/></a> <img height="0" width="0" src="https://imp.pxf.io/i/3546921/1373777/15890" style="position:absolute;visibility:hidden;" border="0"/> </li> <li> <a target="_blank" rel="noreferrer noopener nofollow" href="https://shareasale.com/r.cfm?b=1836136&u=94913&m=46483&urllink=&afftrack="> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/2021_DP_compromo_ad_250x250.png" border="0" alt=""/> </a> </li> <li> <a target="_blank" rel="noreferrer noopener nofollow" href="https://shareasale.com/r.cfm?b=1898312&u=94913&m=37723&urllink=&afftrack="> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/SquareOnline_SOS_Wave2_336x280_Blue.gif" border="0" alt="SimilarWeb Keyword Research Tool" /> </a> </li> <li> <a target="_blank" rel="noreferrer noopener nofollow" href="https://shareasale.com/r.cfm?b=1866994&u=94913&m=82629&urllink=&afftrack="> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/02_ScalaHosting_banner_v6_2_250x250.png" border="0" alt="SimilarWeb Keyword Research Tool" /> </a> </li> <li> <a rel="noreferrer noopener nofollow" href="https://partners.hostgator.com/c/3546921/215609/3094" target="_top" id="215609"> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/3094-215609.png" border="0" alt="" width="250" height="250"/> </a> <img height="0" width="0" src="https://partners.hostgator.com/i/3546921/215609/3094" style="position:absolute;visibility:hidden;" border="0"/> </li> <li> <a rel="noreferrer noopener nofollow" href="https://bluehost.sjv.io/c/3546921/1465797/11352" target="_top" id="1465797"> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/11352-1465797.jpg" border="0" alt="" width="250" height="250"/> </a> <img height="0" width="0" src="https://imp.pxf.io/i/3546921/1465797/11352" style="position:absolute;visibility:hidden;" border="0" /> </li> </ul> </div>  <div class="flex items-center justify-center p-4"> <a href="https://1.envato.market/c/3546921/522999/4415" target="_top" id="522999"> <img src="https://img.oxtheme.com/affiliate/4415-522999.png" alt="" width="970" height="90"/> </a> <img height="0" width="0" src="https://1.envato.market/i/3546921/522999/4415" style="position:absolute;visibility:hidden;" border="0"/> </div> <footer class="footer p-10 bg-base-200 text-base-content"> <nav> <header class="footer-title">Resources</header> <a class="link link-hover" href="https://oxtheme.com/creator/" rel="noreferrer nofollow">Theme Creator</a> <a class="link link-hover" href="https://oxtheme.com/blog/" rel="noreferrer nofollow">Blog</a> <a class="link link-hover" href="https://oxtheme.com/user/favourites/" rel="noreferrer nofollow">Favourites</a> </nav> <nav> <header class="footer-title">Free Tool</header> <a class="link link-hover" href="https://oxtheme.com/wordpress-theme-detector/" rel="noreferrer nofollow">WordPress Theme Detector</a> </nav> <nav> <header class="footer-title">Directory</header> <a class="link link-hover" href="https://oxtheme.com/plugins/">WordPress Plugins</a> <a class="link link-hover" href="https://oxtheme.com/premium-themes/">WordPress Premium themes</a> <a class="link link-hover" href="https://oxtheme.com/premium-tag/">WordPress Theme Tags</a> <a class="link link-hover" href="https://oxtheme.com/collections/">WordPress Theme Collections</a> </nav> <nav> <header class="footer-title">Abouts</header> <a class="link link-hover" href="https://oxtheme.com/privacy/" rel="noreferrer nofollow">Privacy Policy</a> <a class="link link-hover" href="https://oxtheme.com/sitemaps.xml">Sitemaps</a> </nav> </footer> <footer class="footer skeleton px-10 py-4 border-t bg-base-200 text-base-content border-base-300"> <aside class="items-center grid-flow-col"> <p id="copyright">Copyright © <span id="currentYear">2024</span> - All right reserved.</p> </aside> <nav class="md:place-self-center md:justify-self-end"> <div class="grid grid-flow-col gap-4"> <a href="https://twitter.com/rockking92" target="_blank" rel="nofollow"> <svg width="24" height="24" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="black" /> </svg> </a> </div> </nav> </footer>  <button id="back-to-top" class="hidden fixed bottom-64 right-2 p-3 rounded-full bg-black text-white shadow-lg hover:bg-gray-900 focus:outline-none"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"></path> </svg> </button> </body> <script src="/static/js/jquery.js"></script> <script> document.getElementById("menu-button").addEventListener("click", function () { let menuLinks = document.getElementById("menu-links"); if (menuLinks.style.display === "none" || menuLinks.style.display === "") { menuLinks.style.display = "block"; } else { menuLinks.style.display = "none"; } }); const ob = new IntersectionObserver((entries) => { for (const entry of entries) { if (entry.intersectionRatio) { const img = entry.target img.src = img.dataset.src ob.unobserve(img) } } }, { threshold: 0 }) const imgs = document.querySelectorAll('img[data-src]') imgs.forEach((imgEle) => { ob.observe(imgEle) }) // Wait for the DOM to be ready document.addEventListener('DOMContentLoaded', function () { window.addEventListener('load', function () { document.getElementById('loadingSpinner').classList.add('hidden'); }); }); if (document.domain !== 'oxtheme.com' && document.domain !== 'www.oxtheme.com') { window.location.href = 'https://oxtheme.com'; } // year document.getElementById("currentYear").textContent = new Date().getFullYear(); document.addEventListener('DOMContentLoaded', function () { let dropdownButton = document.getElementById('dropdownButton'); let dropdown = document.getElementById('dropdown'); dropdownButton.addEventListener('click', function () { if (dropdown.classList.contains('hidden')) { dropdown.classList.remove('hidden'); } else { dropdown.classList.add('hidden'); } }); window.addEventListener('click', function (e) { if (!dropdown.contains(e.target) && !dropdownButton.contains(e.target)) { dropdown.classList.add('hidden'); } }); }); // 控制按钮显示与隐藏的变量 let button = document.getElementById('back-to-top'); // 滚动时显示按钮 window.addEventListener('scroll', function() { if (window.scrollY > 300) { button.classList.remove('hidden'); } else { button.classList.add('hidden'); } }); // 回到顶部隐藏按钮 button.addEventListener('click', function() { window.scrollTo({ top: 0, behavior: 'smooth' }); button.classList.add('hidden'); }); </script> <style> .word-break-all { word-break: break-all; } </style> <style> #loadingSpinner { display: none; } @media (min-width: 1024px) { #menu-links { display: flex !important; } } @media (max-width: 1024px) { #menu-links { display: none; } } /* 基础样式 */ #dropdown { width: 320px; } /* 当屏幕宽度大于1024px时 */ @media (min-width: 1024px) { #dropdown { width: 750px; /* 全宽 */ } } </style> </html>