HTML5 Video Player – embed fast, responsive videos with ease vs My YouTube Channel

Embed beautiful, responsive videos anywhere on your site – no code required, trusted by 30,000+ websites worldwide. HTML5 Video Player | Documentation | Pricing | Support | Demo Why HTML5 Video Player? HTML5 Video Player is a flexible, fully responsive video player plugin for WordPress. Embed MP4 and other video formats with ease, customize the player to match your site design, and enjoy smooth playback across all major browsers and devices. Add players to posts, pages, or widgets using shortcodes or the Gutenberg block – no code needed. Built-in options let you control video behavior such as autoplay, loop, mute, and more, while schema markup helps search engines understand and index your videos. Free Features Responsive HTML5 Video Player: Seamlessly adapts to all devices and screen sizes. No-Code Embedding: Use shortcodes to quickly add videos anywhere on your site. Cross-Browser Compatibility: Works perfectly on Chrome, Firefox, Safari, and more. iOS & Mobile Friendly: Plays video files on all major devices without extra plugins. Autoplay, Loop & Mute Options: Customize how your videos behave. Preload Options: Choose how much of the video loads up front (metadata, auto, none) to balance speed and bandwidth. Inline iOS Playback: Play videos inline on iOS devices instead of forcing fullscreen. Skins & Color Customization: Style the player to match your brand. Supports Multiple Formats: Embed MP4, WebM, OGG, and MOV files. Preview for Paid Content: Great for selling digital video files with previews. Lightweight & Compact: Doesn’t take up unnecessary space on your page. Custom CSS Support: Fine-tune your player with custom styles. SEO Optimized: Schema markup helps search engines understand and index your videos. Video Playlist Block: Build a playlist of videos with a simple list layout, auto-play next with a 5-second “Up Next” countdown, custom thumbnails, and duration badges. HLS Streaming: Play .m3u8 adaptive streams, with automatic quality levels. Subtitles & Captions: Add a .vtt caption track to any player, with your own language label. Player Alignment: Align the player left, centre or right from the block editor, the classic metabox, the Quick Player settings, the shortcode or Elementor. Audio Player Block: A skinnable audio player with four skins — Modern Bar, Waveform, Podcast Card and Compact Pill — plus speed, skip, volume and download controls. Pro Version The Pro version adds more flexibility and advanced controls for managing video playback and customization: Color Picker: Change player colors to match your site perfectly. External Hosting Support: Embed videos from Amazon S3 and other sources. Multiple Subtitles Support: Add more than one caption track and let viewers choose the language. Advanced Playlists: Three extra playlist layouts (List With Thumb, List on Right Side, Grid), a live search filter, prev/next arrows, plus a playlist post type and [video_playlist] shortcode. DASH Streaming: Play .mpd adaptive streams alongside HLS. Quality Switcher: Viewers can toggle video quality like on YouTube. Page Load Optimizer: Defer player assets and video loading for better page speed scores. Restart, Rewind, Fast Forward: Full playback control buttons. Download Button Toggle & Custom Download URL: Enable, hide, or redirect video downloads. Customize Every Control: Show/hide any button or control. Speed & Quality Control: Let users adjust playback speed and resolution. Advanced Shortcode Generator: Right inside your post/page text editor. Autoplay When Visible on Screen: Smart autoplay triggers only when the video enters the viewport. Disable Pause: Prevent viewers from pausing the video. Show Thumbnail on Pause & Sticky on Scroll: Keep viewers engaged as they browse. Seek Time & Start Time: Customize jump distance and auto-start position. Google VAST Tag URL: Integrate ad tags using Google VAST for monetization. Chapters & Overlay: Add chapter markers and custom overlays for a better experience. End Screen & Popup Player: Show a custom end screen or open videos in a distraction-free modal. Password Protected Videos: Restrict video access to users with a valid password. Watermark Support: Add branding or copyright with a watermark. Additional ID/CSS Class: Add unique IDs or CSS classes for advanced custom styling. Try the Pro Version – Unlock all premium features today! How to Use HTML5 Video Player – Quick Start Install and activate the plugin. Go to the HTML5 Video Player menu in the WordPress dashboard. Create a new video player and configure your settings. Copy the shortcode displayed for your player. Paste the shortcode into any post, page, or widget. Prefer the block editor? Add the HTML5 Video Player block, select your player, and publish – your video is live! Quick Player shortcode: [video_player src="video src"] More attributes you can use: controls="play-large, restart, rewind, play, fast-forward, progress, current-time, mute, volume, captions, settings, pip, airplay, download, fullscreen" autoplay="true/false" muted="true/false" preload="auto/metadata/none" playsinline="true/false" width="500px" align="left/center/right" caption="https://example.com/subtitles.vtt" caption_label="English/en" reset_on_end="true" Live Demo | Buy The Pro Use Cases Product Demos: Embed demo videos on landing and product pages. Courses & Tutorials: Display video tutorials and course content. Testimonials: Showcase client testimonial videos. Portfolios: Build a video portfolio of your work. Digital Sales: Add previews for paid video content. What Users Say ❛❛We got multiple support from the developer. Outstanding and fabulous! 100 % satisfied and my personal recommendation for video player plugin!❜❜ -newbie2004 ❛❛This guy is the future of WordPress plugins. The interface is the very definition of simplicity and everything just works right out of the box.❜❜ -amallulla Like the plugin? Missing a feature? Send your feedback Check Out Our Other WordPress Plugins Html5 Audio Player – Listen audios with awesome visuals. PDF Poster – Display/Embed PDF files with different styles. StreamCast – Customizable radio player with different skins. 3D Viewer – Embed 3D models and 3D products with interaction. Advanced Post Block – Show posts and custom posts in different layouts. Source Code You can find the source code, report bugs, and contribute to the development of this plugin on our GitHub repository: HTML5 Video Player on GitHub Third-Party Libraries This plugin bundles the following third-party library: Codestar Framework Source: http://codestarframework.com/ GitHub: https://github.com/Codestar/codestar-framework License: GPLv2 or later – https://github.com/Codestar/codestar-framework/blob/master/LICENSE Purpose: Provides the options framework for the plugin’s settings and shortcode generator. Plyr – Version: 3.8.4 – Purpose: Provides the customizable HTML5, YouTube, and Vimeo media player interface used to render videos. – License: MIT – Website: https://plyr.io – Source code: https://github.com/sampotts/plyr – Bundled file: public/js/plyr-v3.8.4.polyfilled.js bpl-tools Source / GitHub: https://github.com/bPlugins/bpl-tools License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html Purpose: Shared utility library providing admin dashboard components and common Gutenberg editor controls. External Services: The library may connect to bPlugins, WordPress.org, and Freemius services for product data and checkout functionality. See full details: https://github.com/bPlugins/bpl-tools#external-requests–why-they-are-made

Add My YouTube Channel widget to the widget area or shortcode to post/page content, set Channel ID or Playlist ID, chose resource to use and keep defaults for all other options. And voila! You will get the latest video from chosen YouTube channel or playlist. IMPORTANT My YouTube Channel does not support Live Streams and does not have Gutenberg Block. Use Shortcode Block or Classic Block to insert shortcode to page/post content. If you like our plugin and find it useful, please write a review and rate it. For a manually picked set of videos from YouTube, check out Easy YouTube Gallery. Features Show latest videos from My YouTube Channel (ordered in reverse chronological order related to the creation date), or from Playlist Option to get a random video from any of two resources Responsive (one full-width video per row) or non-responsive Preferred aspect ratio relative to width (16:9 and 4:3) Custom width for video embeded object (default is 306px) Four modes to display video: thumbnail (default), HTML5 (iframe), HTML5 Asynchronous (iframe2) abd Playlist Embed (playlist) Thumbnail mode opens the video in lightbox [NEW] Optionally store thumbnail images locally for improved speed performance and cache policy Enhanced Privacy – please note that display mode HTML5 (IFRAME) Asynchronous (shortcode parameter iframe2) does not support Enhanced Privacy due to YouTube API limitations Hide or show video title above/below/inside video wrapped to HTML tag by your choice (h3, h4, h5, span or div) Custom feed caching timeout Optional video autoplay with optional muted audio (Optional) TinyMCE button on post/page edit (can be disabled on General plugin settings page), which open a shortcode GUI generator to help you build a shortcode Show link to channel/handle below videos (vanity and legacy username are deprecated since v3.23.0) Final look is highly customisable thanks to classes for each element of YTC block! Requirements For a fully functional plugin, PHP 7.4 or newer has required! If you use older PHP, we highly recommend you request from your developer, server support or hosting company to update PHP to a secure version. Styling Use Customizer, style.css from the child theme or Head & Footer Code plugin to custom style and tweak the look and feel of the My YouTube Channel blocks. You can utilise the following classes: .widget_youtube-channel – class of whole widget (parent for widget title and YTC block) .youtube_channel – YTC block wrapper class. Additional classes are available: .default – for non-responsive block .responsive – when you have enabled responsive option .ytc_title – class for video title container above thumbnail/video object .ytc_title_above – additional class for video title above video/thumbnail .ytc_title_below – additional class for video title below video/thumbnail .ytc_title_inside – additional class for video title printed inside of the thumbnail .ytc_title_inside_bottom – additional class for bottom aligned video title printed inside of the thumbnail .ytc_video_container – class of container for single item, plus: .ytc_video_1, .ytc_video_2, … – class of container for single item with ordering number of item in widget .ytc_video_first – class of first container for single item .ytc_video_mid – class of all other containers for single item .ytc_video_last – class of last container for single item .ar16_9 – class for Aspect Ratio 16:9 .ar4_3 – class for Aspect Ration 4:3 .ytc_thumb – class of anchor for Thumbnail mode .fluid-width-video-wrapper – class for parent element of IFRAME for enabled responsive .ytc_description – class for video description text below thumbnail/video object .ytc_link – class of container for link to channel Known Issues Video title and description for embedded playlist mode do not work. Removing the YouTube logo from the playback control bar does not work for all videos. Autoplay does not work always If WordFence or other malware scan tool detect My YouTube Channel file youtube-channel.php as a potential risk because base64_encode() and base64_decode() functions, remember that we use this two functions to store and restore JSON feeds to transient cache, so potential detection is false positive. Credits For playing videos in lightbox we use Bigger Picture. Shortcode Along with Widget, you can add My YouTube Channel block inline by using shortcode [youtube_channel]. Default plugin parameters will be used for shortcode, but you can customize all parameters per shortcode. General Settings class (string) Set custom class if you wish to target special styling for specific YTC block channel (string) ID of preferred YouTube channel. Do not set full URL to channel, but just last part from URL – ID (name) handle (string) defined custom handle from YouTube handle vanity (string) DEPRECATED part after www.youtube.com/c/ from Custom URL username (string) DEPRECATED Optional legacy YouTube username. playlist (string) ID of preferred YouTube playlist. resource (int) Resource to use for feed: 0 Channel (User uploads) 1 DEPRECATED Favorites (for defined channel) 2 Playlist 3 DEPRECATED Liked Videos cache (int) Period in seconds for caching feed. You can disable caching by setting this option to 0, but if you have a lot of visits, consider at least short caching (couple minutes). fetch (int) Number of videos that will be used as stack for random pick (min 2, max 50) num (int) Number of videos to display per YTC block. random (bool) Option to randomize videos on every page load. Video Settings ratio (int) Set preferred aspect ratio for thumbnail and video. You can use: 3 16:9 (widescreen) 1 4:3 responsive (bool) Distribute one full width video per row. width (int) Width of thumbnail and video in pixels. display (string) Object that will be used to represent video. We have couple predefined options: thumbnail Thumbnail will be used and video will be loaded in lightbox. (default) iframe HTML5 (iframe) iframe2 HTML5 (iframe) with asynchronous loading – recommended playlist Embedded playlist (same behaviour as old function only_pl) thumb_quality (string) Define image quality for thumbnail display mode. Default is hqdefault, available: default Default Quality (120x90px) mqdefault Medium Quality (320x180px) hqdefault High Quality (480x360px) sddefault Standard Definition (640x480px) maxresdefault Maximum Resolution (1280x720px) no_thumb_title (bool) By default YouTube thumbnail will have tooltip with info about video title and date of publishing. By setting this option to 1 or true you can hide tooltip themelight (bool) By default YouTube have dark play controls theme. By setting this option to 1 or true you can get light theme in player (HTML5 and Flash) controls (bool) Set this option to 1 or true to hide playback controls. autoplay (bool) Enable autoplay of first video in YTC video stack by setting this option to 1 or true mute (bool) Set this option to 1 or true to mute videos set to autoplay on load norel (bool) Set this option to 1 or true to hide related videos after finished playbak nobrand (bool) Set this option to 1 or true to hide YouTube logo from playback control bar nolightbox (bool) Set this option to 1 or true to prevent YTC block with thumbnail to open in lightbox. If you have other plugin that trigger youtube links for lightbox, that one will steal links from this YTC block. target (string) If you enable nolightbox for specific YTC block, you can force opening of thumbnail links in new tab/window if you set this shortcode option to _blank like target="_blank". Content Layout showtitle (string): none – Hide title above – Display title above video/thumbnail below – Display title below video/thumbnail inside – Display top aligned title inside thumbnail; if display is not thumbnail then treat as above inside_b – Display bottom aligned title inside thumbnail; if display is not thumbnail then treat as below titletag – Video title HTML tag to wrap title (H3, H4, H5, div, span, strong, etc) showdesc (bool) Set to 1 or true to show video description. desclen (int) Set number of characters to cut down length of video description. Set to 0 to use full length description. noinfo (bool) Set to 1 or true to hide overlay video infos (from embedded player) noanno (bool) Set to 1 or true to hide overlay video annotations (from embedded player) Link to Channel goto_txt (string) popup (int) Control where link to channel will be opened: 0 open link in same window 1 DEPRECATED open link in new window with JavaScript 2 open link in new window with target=”_blank” anchor attribute link_to (string) URL to link: none Hide link (defult) handle YouTube handle URL channel Channel page vanity DEPRECATED Vanity custom URL legacy DEPRECATED Legacy username page Please note, to enhance plugin functionality, we can change or deprecate some shortcode parameters in future. Filter hooks You can modify final output of video block by hooking to filter ytc_print_video. Four parameters are provided: video_content – HTML of original video block item – YouTube video object which contains: snippet->publishedAt – date of publishing YouTube video shippet->title – YouTube video title shippet->description – YouTube video description snippet->resourceId->videoId – YouTube video ID instance – Current My YouTube Channel Block parameters, including global settings: handle channel vanity DEPRECATED username DEPRECATED playlist resource cache fetch num skip privacy ratio width responsive display fullscreen controls autoplay autoplay_mute norel playsinline showtitle titletag showdesc desclen modestbranding hideanno goto_txt popup_goto link_to tinymce nolightbox apikey thumb_quality timeout random no_thumb_title class target y – order number of video (1 for first, 2 for second, etc) Example: add_filter( 'ytc_print_video', 'customized_ytc_print_video', 10, 4 ); function customized_ytc_print_video( $video_block, $item, $instance, $y ) { // Do whatever you wish to do // ... return $video_block; }