The plugin offers a comprehensive solution for displaying videos within WordPress websites. With seamless integration with WPBakery, it enhances the user experience by providing a versatile video player. Its features enable customization of video settings, layouts, and playback options to meet diverse requirements. The plugin supports various video formats and ensures responsive playback across different devices, making it a valuable addition for content creators and website owners aiming to engage their audience effectively.

Plugin Version: 3.2.2.0
 
WordPress plugin CodeCanyon Universal Video Player

Plugin Features

This video player addon stands out for its user-friendly interface, allowing for easy implementation and management of videos on WordPress sites. It simplifies the process of embedding videos, configuring player controls, and establishing video playlists. The plugins compatibility with WPBakery streamlines the design process, enabling users to create visually appealing video content seamlessly. By offering a range of styling options and functionalities, it empowers users to optimize video presentations according to their preferences and branding guidelines.

One of the key strengths of the plugin lies in its advanced video playback capabilities. It supports high-quality streaming, auto-play options, and video loop features, enhancing the visual appeal of video content on websites. Additionally, CodeCanyon Universal Video Player interactive elements, such as clickable overlays and customizable video thumbnails, enable users to create engaging video experiences for their audience. By incorporating interactive elements seamlessly into video content, the plugin helps drive user engagement and encourages viewers to interact with the videos effectively.

The plugins robust functionality extends to video optimization and performance enhancement. It offers video caching options, speed optimization tools, and video analytics features to monitor video performance seamlessly. By providing insights into video engagement metrics and viewer behavior, the plugin equips users with valuable data to refine their video content strategy. This data-driven approach enables users to make informed decisions to improve video performance and maximize audience reach effectively.

In conclusion, this versatile video player plugin serves as a valuable asset for WordPress users seeking to elevate their video content strategy. With its seamless integration, user-friendly interface, advanced playback features, and performance optimization tools, the plugin empowers users to create immersive video experiences and drive audience engagement. Whether for personal blogs, business websites, or e-commerce platforms, the plugin offers a flexible and comprehensive solution to enhance video content delivery and maximize the impact of visual media within the WordPress ecosystem.

Specifications:

Release date: 12-07-2019
Last updated: 20-06-2025
Type: Paid
License: GPL 
Subject: Multimedia for WPBakery
Compatibility: W5.x W6.x
Includes: Plugin
Language packs: English
Developer: CodeCanyon

Rating:
4.4604651162791 1 1 1 1 1 (215 Votes)

Download by subscription!

You need to log in on the site and purchase a club subscription!

Share with your friends!

 

Guide to Setting Up CodeCanyon Universal Video Player for WPBakery

CodeCanyon Universal Video Player is not meant for simply dropping a single video into a WordPress page. The standard editor block can already handle that. The real value of this plugin is different: it adds a managed video player to the WPBakery workflow, with YouTube, Vimeo, and self-hosted video sources, a playlist, categories, search, color customization, display modes, and a result you can verify on the live page.

In this guide, we will look at the plugin as a working tool rather than a random widget. You will see what to check before installation, where limitations may appear, which settings are worth configuring first, how to build a playlist, how to test autoplay and mobile behavior, why YouTube and Vimeo privacy settings matter for the final result, and what to do if the player does not appear in WPBakery or fails to play videos.

This guide is intended for a site owner, editor, webmaster, or developer who already works with WPBakery Page Builder and wants to embed video into a product page, course, portfolio, knowledge base, or landing page. It does not cover purchasing or license activation. The focus here is installation, setup, practical use, troubleshooting, and deciding whether the plugin fits your use case.

CodeCanyon Universal Video Player in a practical WPBakery workflow with video player setup
Guide cover: the video player as the link between WPBakery settings, the video source, and the final result on the page.

What problem the video player solves in a WPBakery project

The plugin's main job is to turn video into a managed page element instead of a one-off external embed. This becomes especially clear on sites where video is part of the page structure: multiple product demos, a lesson series, a case-study gallery, a set of presentations, or a collection of how-to videos. In that kind of setup, a simple URL embed is not enough, because the editor needs a playlist, categories, search, a consistent look, and behavior that can be reused across different pages.

The plugin is positioned as a WPBakery Page Builder add-on. That is both an important limitation and its biggest advantage. If the site is built with WPBakery, the video block can be placed in a row, a column, next to text, a form, a button, or a benefits section. If the site has already moved to the block editor, Elementor, or custom templates without WPBakery, the value of this specific add-on drops significantly: it should not be treated as a universal replacement for every WordPress editor.

According to the confirmed product page, the player works with three source types: YouTube, Vimeo, and self-hosted video. For YouTube and Vimeo, it uses the video ID; for self-hosted use cases, actual browser-accessible files matter. In practice, that gives you three distinct models:

  • An external platform stores the video, while the plugin handles the presentation, playlist, and on-page behavior.
  • The site stores its own files, and the plugin displays them in an HTML5 player, with an optional download button for the current self-hosted file.
  • The editor builds a mixed collection where different videos explain one product, course, or service, but appear as a single unified section.

Another important benefit is playlist structure. Once a page has more than two or three videos, users lose their bearings quickly: which one is the introduction, which one covers the technical side, which one belongs to a specific feature. Categories and search help you avoid cluttering the page with separate blocks. Instead of several disconnected embeds, you can create one video module where the user chooses the topic they need from inside the player.

The plugin becomes truly useful when video needs to be managed as a page section: source, order, category, visual style, mobile validation, and the final result after publishing.

Who this plugin is a good fit for, and when another approach makes more sense

CodeCanyon Universal Video Player fits well on sites where WPBakery remains the main page editor. That can include corporate sites built on older premium themes, product pages, training sections, agency landing pages, portfolios, documentation areas, or support pages. In those projects, the editor usually cares not only about the video itself, but also about where that video sits in the layout: a column next to the description, a block under feature specs, a video gallery after the text, or a section of demos.

The plugin is a good match if you need YouTube, Vimeo, and self-hosted videos in one consistent style, a playlist with categories, video search, two built-in skins, color customization, a logo or watermark, sharing, the ability to hide or show the playlist, shuffle, and view tracking through Google Analytics. These capabilities are confirmed by the product page and the add-on page on the WPBakery site.

The plugin may be unnecessary if the task is simpler: embedding a single public YouTube video in a standard post or adding a short video without a playlist and without design controls. WordPress can already embed public and unlisted videos through its built-in mechanisms, and the block editor has its own blocks for popular video platforms. If the site is fully built with the block editor and does not use WPBakery, it makes more sense to look at a block-based video player or the standard Embed Block.

There are also technical cases where a different solution is the better choice. If you need HLS, DASH, subtitles, multiple quality tracks, ads, Chromecast, protected private video, or very complex monetization, this plugin may be too narrow. It is stronger in the "WPBakery + video player with playlist and categories" scenario than in the "full video platform" scenario.

Roles that typically benefit from this plugin

  • A content editor who updates pages in WPBakery and wants to add videos without manually assembling HTML embeds.
  • A marketer who needs product demos, video testimonials, tutorial videos, and a consistent visual style for the video block.
  • A webmaster maintaining an older WPBakery-based site who wants to integrate video cleanly without rebuilding the theme.
  • A developer assembling a client layout who wants to leave the editor with a manageable element instead of a collection of iframe embeds.

When not to start with this plugin

If the project is just getting started and you are choosing an editor from scratch, it does not make sense to install WPBakery just for the video player. In that case, the right move is to decide on the site's overall stack first. If WPBakery is already in use and pages are actively edited with it, the add-on becomes a more natural choice because it does not break the existing workflow.

What to check before installation and first launch

Before installing the plugin, separate two things: site compatibility and video asset readiness. Many video player issues look like plugin errors even though the real cause appears earlier: the video is private, the domain is blocked in Vimeo settings, the file is too large, the cache is serving stale scripts, WPBakery is not active, or the page is being edited in the wrong editor.

WordPress, theme, and WPBakery compatibility

Make sure the site actually uses WPBakery Page Builder and that the editor is available for the required post type. The product page explicitly states compatibility with WPBakery, so if the builder is missing or the site works only in the block editor, the whole workflow changes. If the theme bundled WPBakery internally, check with the theme developer whether WPBakery can be updated separately and whether the builder version conflicts with the current WordPress version.

Before installing on a live site, do the standard safe prep work: back up files and the database, create a test page, and temporarily disable aggressive JavaScript optimization during validation. This is not a plugin-specific requirement, but it matters especially for a video player: it depends on scripts, container sizing, and proper loading of external APIs.

Video source readiness

For YouTube and Vimeo, prepare the video IDs in advance and verify each video in a separate browser window. Do not assume that a video is fine just because you can see it as the account owner. Your site visitor watches it without being signed in to your YouTube or Vimeo account, so privacy and embed permissions need to be checked separately.

For self-hosted video, prepare files in a web-friendly format. The product page mentions self-hosted video and an HTML5 player, but it does not turn ordinary hosting into a video delivery platform. Large files can overload your hosting plan, CDN, or mobile traffic budget. If you have many videos and a large audience, decide ahead of time where they will be stored: on a separate video platform, in a CDN, or in an optimized media system.

Security and update checks

This plugin has had published reports of reflected XSS in versions prior to the fixed release. So before installing or updating, verify that you are using a current package from a trusted source and that the version is not within the vulnerable range. There is no need to lock the guide to specific dates, because they age quickly. But for an administrator, the practical takeaway is simple: do not install an old package, and do not leave the plugin without updates.

If you cannot verify where the package came from and how it has been maintained, postpone the installation. The video player runs on public-facing pages, so a vulnerability in this type of component affects more than just the admin area.

Installing in WordPress and verifying the WPBakery element

Installing the add-on is technically similar to installing a standard WordPress plugin: upload the ZIP archive through Plugins - Add New - Upload Plugin, then install and activate it. After that, you need to verify not only that the plugin appears in the plugin list, but also that the corresponding element shows up inside WPBakery. That second step is the one people often skip, and then conclude that the plugin "doesn't work."

Work on a separate test page. Create a draft or private page, open it in WPBakery, click Add Element, and search for the video player element by name. If the element appears, add it to an empty row, save the minimum required settings, and publish the page in a mode you can inspect in the browser. At this stage, there is no need to configure every color, category, and playlist option. The goal is simply to confirm that the chain "plugin is active - element is available - page outputs the player" is working.

Minimal first-pass validation

  1. Open Plugins and make sure the add-on is active along with WPBakery Page Builder.
  2. Create a test page and enable WPBakery editing mode.
  3. Find the Universal Video Player element through the Add Element window.
  4. Add one public test YouTube video or one short self-hosted file.
  5. Save the element settings with Save Changes, then save or update the page.
  6. Open the page in a new window outside editing mode and verify playback.

If the element does not appear in WPBakery, do not start by reinstalling it. First check the dependency: is WPBakery itself active, is it available for this page type, is the element hidden by role rules, and are there JavaScript errors in the admin area? WPBakery works through its own panels and scripts, so an admin-side conflict can hide the element even when the plugin is active.

Diagram for verifying the CodeCanyon Universal Video Player element after installation in WordPress and WPBakery
Initial validation chain: the plugin is active, the element is available in WPBakery, and the test video appears on the page.

Configuring video sources: YouTube, Vimeo, and self-hosted

Source configuration is the main working stage. The plugin supports different video types, but each type has its own logic. Errors here usually look the same: the player is there, but the video does not start, the thumbnail does not load, the title does not appear, or the user sees an empty block. To avoid guessing, it is best to configure from source to outcome.

YouTube: ID, privacy, and API key

For YouTube, the product page states that using the video ID is enough, while automatically fetching the thumbnail, title, and description requires you to account for YouTube Data API limitations. That means if you have many videos or automatic metadata retrieval stops working, do not blame the layout first. Check the API key, project limits, and the video ID itself.

For a public page, it is best to use videos that are viewable without an invitation. YouTube Help distinguishes between public, private, and unlisted videos. WordPress documentation on embeds also notes separately that private YouTube videos cannot be embedded through the standard method, while public and unlisted videos can. If the plugin relies on the ID and an external API, the logic is similar: the video must be available for normal viewing and embedding by a regular visitor.

What to enter and what to verify

  • Enter only the correct video ID if the field expects an ID rather than the full URL.
  • Make sure the video is not private and does not require account sign-in.
  • If automatic thumbnail and description retrieval is enabled, check the YouTube API key and the project's quota limits.
  • If metadata does not load, temporarily fill in your own title, description, and thumbnail if that option is available in your version.

Vimeo: visibility, privacy, and allowed domains

With Vimeo, the most important thing is not to confuse video visibility with embed permission. Vimeo supports modes where a video is hidden on Vimeo.com but can still be embedded on a site, and modes where outside viewing is blocked entirely. Vimeo settings may also restrict allowed domains. If your domain is not whitelisted, the player on the page may fail to play the video even though everything looks fine inside your Vimeo account.

For a practical check, open the video as a normal visitor and make sure it does not require owner-level access. Then review the Vimeo embed settings: is your domain allowed, is the Nowhere mode enabled, and if needed, is the privacy hash present for the video? This step matters especially for training courses and client-only areas, where people often try to keep videos non-public.

Self-hosted video: format, size, and the download button

The self-hosted scenario is convenient when you want full control over the file and do not want to depend on an external platform. But it also exposes weak hosting setups faster than anything else. Even if the plugin can play self-hosted video, that does not mean a standard shared hosting plan is ready to serve dozens of large MP4 files without delays. For product demos and short videos, that may be perfectly fine. For long lessons and high traffic, it becomes a risk.

The product page also states that the download button is available for the current self-hosted file and can be hidden. Make that decision based on the purpose of the content, not on personal preference. For a free tutorial, download access may be helpful. For a marketing video, presentation, or limited-access material, it is usually better to disable the button if your version and use case allow it.

Proper source troubleshooting starts before the player itself: check the ID, privacy, domain, API key, file format, and delivery speed.

Playlist, categories, and search: how not to turn the video section into a mess

The playlist is one of the main reasons this type of player makes sense at all. But a playlist is only useful when it has structure. If you add ten videos with no order, no categories, and vague titles, the user gets not a learning section but a long queue of videos. As a result, they will either watch the first one or leave without finding the part they actually need.

In CodeCanyon Universal Video Player, the playlist can be displayed in different ways: with a thumbnail, title, and description, or with only part of that information. The plugin also advertises categories, playlist search, the ability to assign a video to multiple categories, hiding or showing the playlist, and shuffle. Those features should be used in a way that matches the page's purpose.

Categories as navigation, not as archive labels

A category in the video player should answer the user's question: "Which video should I open right now?" For a product page, categories might be Overview, Setup, Use Cases, Troubleshooting. For a training section, they might be Start, Lessons, Practice, FAQ. The surrounding site text can be localized, but if the plugin interface and admin fields are in English, the actual technical values should still be handled carefully and consistently.

Do not create too many categories. If the playlist only contains five videos, two or three groups are enough. If one video belongs to multiple tasks, the multi-category feature helps surface it in different user journeys. For example, a setup walkthrough could belong to both Setup and Troubleshooting if it also helps fix a common issue.

Playlist search and video titles

Search only works well when titles and descriptions are properly written. Do not call videos Video 1, Video 2, or "Overview." Be specific instead: "How to Add a Video to the Playlist," "Checking Vimeo Embed Settings," "Muted Autoplay on Mobile," or "Product Demo on a Product Card." Titles like these help both the user and the editor who will maintain the page later.

If automatic YouTube metadata retrieval fails, do not leave those fields empty. Fill them in manually if the plugin allows it. The thumbnail, title, and short description are not decoration, they are the playlist's navigation interface.

When to enable shuffle

Shuffle makes sense for entertainment playlists, video testimonials, portfolios, or a gallery of similar demos. For a course, a tutorial, a knowledge base, or a product page, shuffle usually does more harm than good. Users expect a sequence: first the introductory video, then setup, then an example, and after that troubleshooting. If the order carries meaning, do not enable random playback.

Playlist, categories, and search in Universal Video Player for a structured WordPress page
The playlist works as navigation: video source, category, search, and a clear sequence of videos.

Player appearance, mobile behavior, and autoplay

Visual configuration should not start with picking every color option available. First decide what role the video block plays on the page. If it is the main demo video in the hero area, the player should be large, clear, and not overloaded with playlist clutter. If it is a training section lower on the page, the playlist and search matter more than a flashy cover image. If it is a collection of testimonials, readable thumbnails and stable navigation are more useful.

The product page confirms two skins, color scheme customization, sizing, colors, a logo or watermark, the ability to hide the playlist, load the player with the playlist hidden, enable loop for the whole playlist, and autoplay. These settings are best configured in several passes.

A safe sequence for appearance settings

  1. Choose the base skin and check whether the controls are visible against the page background.
  2. Set the player size so it does not overflow the width of the WPBakery column.
  3. Match the accent color to the site's theme, but do not reduce the contrast of text, icons, or controls.
  4. Decide whether the playlist should be visible on first load or hidden until the user interacts.
  5. Check the mobile view in both portrait and landscape orientation.
  6. Only after that should you add a logo or watermark, if you actually need one.

Autoplay without false expectations

Autoplay is a common source of confusion. Modern browsers restrict sound-on playback unless the user has interacted first. The product page explicitly warns that autoplay on mobile devices is only possible with sound muted, and that volume behavior on iOS and Android may depend on the device's physical buttons. Chrome also documents that muted autoplay is allowed, while sound-on playback depends on user interaction and other conditions.

The practical takeaway is simple: do not build an important scenario around guaranteed autoplay with sound. If the video needs to attract attention, use a strong thumbnail, a clear title, and an obvious play button. If you enable autoplay, design it as a muted start with the option to turn sound on, not as a guaranteed promotional clip.

Logo or watermark

A corner logo is useful for branded demos, training materials, and portfolios. But it can interfere with subtitles, important interface details inside the video, or the player's controls. Check several videos, not just one. If the logo overlaps a meaningful part of the frame, it is better to shrink it, remove it, or keep the branding on the page next to the player instead.

Practical example: a video block for a product page or course

Let's walk through a concrete scenario. Suppose you have a product page, service page, or course module built in WPBakery. You need to show one introductory video, two short feature videos, and one video that answers common questions. The goal is not just to embed four videos, but to build a block where the user understands the viewing order and can quickly find the topic they need.

Goal

Create a video block inside a WPBakery page where the first video introduces the product, and the others cover settings, examples, and answers. The playlist is visible, categories make it easy to switch between video types, search helps find a specific topic, and the player stays readable on mobile.

Preparation

  • Make sure WPBakery and the add-on are active.
  • Prepare four videos and confirm that each one is accessible to users without your account.
  • Write clear titles and short descriptions for the playlist.
  • Decide in advance whether you will use the YouTube API for automatic thumbnails or fill the data in manually.

Setup steps

  1. Open the page in WPBakery and add a dedicated row for the video block.
  2. Insert the Universal Video Player element into the main column.
  3. Add the first video as the starting video and give it a clear title.
  4. Add the remaining videos and assign them to the Overview, Setup, Examples, and FAQ categories.
  5. Enable thumbnails and titles if the playlist needs to function as navigation.
  6. Leave shuffle disabled because the viewing order carries meaning.
  7. Adjust the colors to the page, but verify the contrast of the playback controls.
  8. Save the element with Save Changes, update the page, and open it in a new window.

Validation

On the public page, you should see one player with a playlist. The first video starts manually or muted if you intentionally enabled autoplay. Categories filter the playlist, search responds to input, and thumbnails and titles help users choose a video. On mobile, the playlist text should not collapse into a tiny strip, and the player itself should not overflow the screen.

A detail that often gets in the way

If one video does not play, do not delete the entire block. Check that specific source: the ID, privacy settings, Vimeo domain restrictions, file availability, MIME type, and browser console errors. If the whole playlist fails, then look at scripts, cache, theme conflicts, or JavaScript optimization settings.

Practical use cases for the Universal Video Player on WordPress sites
Practical scenarios: product demos, mini-courses, portfolios, and knowledge bases use the same player features in different ways.

Practical ways to use it on different types of sites

The same player features can be applied in very different ways. The key is not to copy the same video block onto every page, but to choose settings based on the user's task. Below are several realistic scenarios built around the player's confirmed capabilities: playlist, categories, search, YouTube/Vimeo/self-hosted sources, appearance settings, sharing, the download button for self-hosted video, and Google Analytics.

Product or service page

On a product page, it helps to organize videos around the decision-making flow: a quick demo, a feature breakdown, a real use example, and answers to common objections. Categories can work like topic tabs, while search helps users jump straight to the demo they need. Evaluate the result based on behavior: is the first video visible without scrolling, does the playlist interfere with the lead form, and does sharing pull attention away from the main action?

Mini-course or training section

For a course, order matters. Do not enable shuffle; use sequential titles and short lesson descriptions. If the videos are hosted on Vimeo, verify the embed mode and domain restrictions ahead of time. If they are on YouTube, do not use private videos. For validation, open the page in incognito mode and go through the lessons like a regular learner.

Portfolio or media gallery

In a portfolio, navigation can be more flexible. Here, categories may represent the project type, industry, or work format. Shuffle should be enabled only when order is unimportant. The color scheme should support the portfolio's visual style without making the controls less accessible. If the videos showcase client work, carefully verify publication rights and source visibility.

Knowledge base or support

For support content, search and categories are especially valuable. Users do not come to watch everything in order; they come to solve a specific problem. Video titles should describe symptoms: "Player Not Showing," "Vimeo Not Playing," "How to Disable Downloads," or "Mobile Autoplay." If view analytics is enabled, you can see which instructions are opened most often and improve the text sections next to the videos.

Checking the result after publishing

Publishing the page does not mean setup is finished. The video player needs to be checked as a user interface, as a media component, and as part of the WPBakery layout. A quick glance in an admin browser does not show what a visitor on mobile, on a slow connection, or in another browser will actually experience.

Browser check

  • Open the page in a regular window and in a private window to rule out the effect of being signed in.
  • Check first playback, pause, moving to the next video, fullscreen mode, and hiding the playlist.
  • Try playlist search using words from the titles and descriptions.
  • Test YouTube and Vimeo videos separately from self-hosted files if the playlist mixes source types.
  • Open developer tools and check for JavaScript errors or blocked requests.

Mobile behavior check

On a phone, test both portrait and landscape orientation. Make sure the controls are not too small, the playlist remains readable, and the user can return to the page text after watching. If autoplay is enabled, verify that expectations match reality: on mobile, the video may start only when muted, or may not start at all until the user interacts.

Analytics check

If you enabled Google Analytics Tracking in the player, verify that events are actually reaching your analytics system. Do not stop at switching the option on. Open the test page, play a video, wait for the event to process, and confirm that it appears in your reports or debug view. If no data is coming through, check whether the analytics code is present on the page, whether blockers are interfering, whether cookie consent prevents tracking, and whether the player itself is configured correctly.

The best player test is to open the page like a new visitor and go from first glance to choosing the needed video, not just to confirm that the block exists in the editor.

Security, updates, and careful improvements

A video player may look like a visual component, but it works with the user's browser, external APIs, URL parameters, scripts, and media data. So security here is not just about saying "keep plugins updated." You need to understand which actions reduce risk without breaking the site.

The first rule is to update from a trusted source and verify vulnerability status. For CodeCanyon Universal Video Player, Wordfence and Patchstack have published advisories about reflected XSS in versions prior to the fixed release. There is no need to list every technical detail in the guide itself, but the administrator should draw a clear conclusion: check that the package is current before installation, and after updating, clear the cache and open pages with the player in a new window.

The second rule is not to paste random HTML, scripts, unverified links, or data from outside users into player fields. The playlist and video descriptions should be edited only by trusted users. If editors have access to WPBakery, review their roles and permissions. WPBakery supports access control for elements and settings through its own mechanisms, but the exact configuration depends on the site.

A small CSS improvement through a WPBakery wrapper

If the player stretches too wide inside a broad section, use a safe wrapper through the Extra class name field on the WPBakery element or row. This does not modify the plugin core or interfere with its JavaScript. The goal is simply to limit the container width and keep the player clean and centered.

.uvp-landing-demo {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.uvp-landing-demo iframe,
.uvp-landing-demo video {
  max-width: 100%;
}

Add the uvp-landing-demo class to the Extra class name field for the row or container that holds the player, and place the CSS in your child theme, theme settings, or a safe custom CSS tool. Check the page on desktop and mobile. If the player becomes too narrow for your layout, remove the class or change the max-width. Do not edit the plugin's own files: those changes will be lost on update.

Common problems and fixes

Most video player issues can be diagnosed without guesswork. Move from simple to complex: video availability, element settings, WPBakery, cache, scripts, theme. Below are symptoms that are typical for a video player working inside the WordPress and WPBakery stack.

The element does not appear in WPBakery

Symptom: the plugin is active, but there is no Universal Video Player or similar element in the Add Element window.

A likely cause is that WPBakery is not active, is not available for this post type, the element is hidden by role settings, or there is a JavaScript conflict in the admin area. First check the active plugins list, then open another page where WPBakery definitely works. If the element appears on a regular page but not in a custom post type, look for the setting that enables WPBakery for that content type.

Fix: enable WPBakery for the required page type, temporarily disable conflicting admin-side optimizations, and check the browser console. If the element appears after disabling a third-party plugin, re-enable plugins one by one and isolate the conflict.

The player is visible, but the video does not start

Symptom: the block is displayed, the controls are visible, but the video does not play or stays stuck loading.

For YouTube, check the ID and the video's visibility. For Vimeo, check embed permissions and the domain. For self-hosted video, open the direct file URL in the browser. If the file does not open directly, the player will not be able to play it either. Also review console errors: a CORS block, 404, 403, or an external API error points to the actual source of the problem.

Autoplay does not work the way you expected

Symptom: on desktop the video sometimes starts, on a phone it does not start, or it starts muted.

This is a normal result of browser policies. Do not try to work around them with questionable scripts. If you need a guaranteed start, design the flow around an explicit play button. If you enable autoplay, test muted mode and do not promise sound-on autoplay to a client without user interaction.

YouTube thumbnails and titles do not load automatically

Symptom: the video plays, but the playlist looks empty or missing metadata.

Check the YouTube API key and project quotas. The product page explicitly says that because of Google's limitations, you need to use your own API key for automatic data retrieval. If the key is configured but the metadata still does not appear, temporarily fill in the thumbnail, title, and description manually so users are not left with empty navigation.

The playlist breaks the mobile layout

Symptom: on a phone the player is too tall, the playlist text is tiny, or the user cannot see the main content.

Check the size settings, the playlist variation, and whether the player can load with the playlist hidden. On pages where video is supporting material, loading with the playlist hidden may be more convenient. If video is the main training section, keep the playlist visible, but shorten descriptions and review the category structure.

The player stopped working after site optimization

Symptom: everything worked before caching or minification was enabled, but after optimization the player no longer starts or the controls break.

The cause is often JavaScript combining, deferred loading, or script relocation. Temporarily disable script optimization and test the page again. If the player comes back to life, exclude its scripts from minification or deferred loading. Do not disable all caching forever, but configure an exclusion for the specific files or pages that use the video player.

Troubleshooting Universal Video Player issues in WordPress: source, WPBakery, cache, and mobile autoplay
Troubleshooting map: each symptom leads you to check the source, the WPBakery element, cache, scripts, and mobile limitations.

Video walkthrough for setting up the player in WPBakery

On the CodeCanyon product page, the developer provides specific videos for installation, categories, playlists, and settings. Below is the video that covers the most practical intent: managing the playlist and player settings. It is most useful after you already understand the logic behind sources, categories, and validation, because at that point the video does not replace the guide, it shows the real sequence of actions in the interface.

FAQ on setup and practical use

Can I use the plugin without WPBakery?

This product is positioned as a WPBakery Page Builder add-on. If you are not using WPBakery, it is better to look at a video player built for the block editor, shortcodes, or your current page builder. Installing the add-on without a working WPBakery setup will not solve the problem of placing the element on the page.

Why is the YouTube video available to me but not playing for visitors?

Most likely, the issue is the video's visibility or the fact that you are testing it under your own account. For a public page, use a video that is accessible to a regular visitor. Private YouTube videos cannot be reliably shown to all users through standard embedding.

Should I enable autoplay?

Only if you understand browser limitations. Sound-on autoplay should never be treated as guaranteed. For most pages, a strong thumbnail and an obvious play button are the better choice. Muted autoplay can work for promo blocks, but you should always test it on mobile devices.

Which is better: YouTube, Vimeo, or a self-hosted file?

YouTube works well for public videos and broad accessibility. Vimeo is useful when embed settings and a more polished presentation matter. A self-hosted file gives you control over the file and the download button, but it requires decent delivery speed and careful handling of traffic.

Can I hide the download button?

The product page states that the download button is available only for the current self-hosted file and can be hidden. If you are displaying materials that should not be downloaded directly through the player interface, verify that setting before publishing.

Why are categories and search not helping users?

The reason is usually not the feature itself, but poor playlist structure. Categories should reflect user tasks, and video titles should describe specific actions or topics. If every video has the same name or the descriptions are empty, search becomes almost useless.

Is there a security risk?

As with any public WordPress plugin, the risk depends on the version, the source of the package, editor permissions, and updates. This plugin has published XSS advisories for older releases, so use the current fixed package and do not allow untrusted users to edit player fields.

When CodeCanyon Universal Video Player is the right choice

CodeCanyon Universal Video Player is worth using if your site already lives inside WPBakery and the video on the page needs to be manageable: multiple source types, a playlist, categories, search, color matching, mobile validation, and the option to hide the playlist or use it as navigation. In that scenario, the plugin solves a real editorial problem and helps keep the page from turning into a collection of disconnected iframe embeds.

Before rolling it out, check three things: that the version is current, that the video sources are accessible, and that the WPBakery element works on a test page. After setup, walk through the page like a visitor: open the page, choose a video, find the right category, play the video on a phone, make sure autoplay is not disruptive, and confirm that analytics records the event if it is enabled.

If that workflow matches your site after those checks, you can move on to the download block and download the installation file for a test install. If you need HLS, ad insertion, subtitles, a Gutenberg-first workflow, or a full video platform, compare alternatives before implementation so you do not make the site harder to maintain.

By OceanTheme.org Editorial Team

 

You are not logged in to post comments.