I had the same issue, but with the audio player.
First of all, you need enqueue MediaElement styles
wp_enqueue_style( 'wp-mediaelement' );
Next you need to add wp-mediaelement as dependency of your app script or enqueue it.
wp_enqueue_script('wp-mediaelement');
or
wp_enqueue_script( 'app', get_stylesheet_directory_uri() . '/js/app.js', array( 'jquery', 'wp-mediaelement' ));
As result you need something like that:
function my_enqueue_scripts(){
wp_enqueue_style( 'wp-mediaelement' );
wp_enqueue_script( 'app', get_stylesheet_directory_uri() . '/js/app.js', array( 'jquery', 'wp-mediaelement' ));
}
add_action( 'wp_enqueue_scripts', 'my_enqueue_scripts' );
Related Posts:
- wp enqueue inline script due to dependancies
- How do I dequeue a parent theme’s CSS file?
- Check if a script/style was enqueued/registered
- Is it possible to use wp_localize_script to create global JS variables without a specific script handle?
- How to load css in the footer [duplicate]
- How to properly dequeue scripts and styles in child theme?
- How can I remove the site URL from enqueued scripts and styles?
- Protocol neutral URLS with wp_enqueue_script (SSL issues)?
- How to en-queue bootstrap 4 to theme?
- Notice that the wp_enqueue_style is not being called correctly!
- Is it safe/recommended to use wp_enqueue_script function outside the functions.php file?
- wp_enqueue script my_javascript_file in the footer
- How to load JQuery easing script in wordpress?
- Hook for writing text string after footer scripts
- Why does this line of code make photo albums appear?
- Issue with using Underscore in WordPress
- Trying to load different syles for 404.php page
- Enqueue Script with URL parameters
- Track down where script is being enqueued from
- $wp_styles->registered not giving ALL the styles?
- Benefits to enqueuing site scripts/stylesheets?
- Adding Custom Javascript to Skeleton Child Theme
- Problem in wp_localize_script
- Remove specific CSS and JS from the head
- Enqueue scripts to a specific header-.php?
- Best way to enqueue extremely popular scripts like bootstrap and font awesome
- How to remove some external js files from source?
- The wp_enqueue_scripts hook doesn’t work at all, not from plugin, not from the template, not for frontend, not for admin pages!
- wp_enqueue_script with dependencies doesn’t work
- Help with enqueing scripts in footer after init action
- Adding custom fonts (local) to WordPress?
- wp_enqueue_script order – external vs inline js
- What are the advantages of using wp_enqueue_script()
- Which jQueryUI handles are predefined in wordpress?
- Modernizr check first, then move on to wp_register_script()/wp_enqueue_script
- Deregister scripts on unnecessary pages using remove_action
- Prioritizing wp enqueue scripts error
- wp_enqueue and Dependencies
- How do you enqueue a Visual Basic script using wp_enqueue_script?
- Why are files enqueued with wp_enqueue_style and wp_enqueue_script 404 Not Found?
- Utilizing WordPress’ Admin UI for plugin settings: getting accordion style
- jquery-ui-autocomplete is not loaded with wp_enqueue_script
- wp_enqueue_script Doesn’t Work?
- Getting wp_footer() to work without wp_head()
- wp localizing script not works
- Move scripts to footer, but exclude one script?
- Is there a way to list all the JavaScript scripts that are actually loaded by WordPress? Do we care?
- Is It Possible to add JS AFTER the Enqueue within the same Function?
- How can I manually enqueue plugin scripts
- How to enqueue JavaScript file that depends on CSS stylesheet
- wp_editor() youtube link does not load video
- How can I properly enqueue wp-hooks without issues?
- Enqueue customizer scripts that are bundled by webpack?
- Adding multiple wp_register_scripts for templates in WordPres?
- Dequeue script conditonnally
- How do I get jQuery to Load before Bootstrap?
- Deregister multiple scripts using a function?
- How can I integrate Fancybox 3 in WordPress properly
- How to enqueue default scripts with dependency?
- Where to insert Google Maps API code in functions.php
- wp_enqueue_script was called incorrectly Issue when active plugins of WordPress Admin Bar Improved
- wp_enqueue_scripts does not work
- How to add conditionals for IE browsers between certain versions?
- call my script only after loading UI library?
- Loading Scripts For Specific Template
- Modular CSS and JS in Child Themes
- All of my Scripts and Enques are getting file not found
- If a Script has been enqueued but not registered can I still removed it?
- include jquery plugin file not working
- why wp_enqueue_scripts() not working?
- how to load css and js based on post template
- How to use wp_register_script / wp_enqueue_script for multiple queries
- link to JS library using wp_enqueue_scripts not working
- Using wp_enqueue_script on scripts that contain PHP
- Enqueue specific script on account creation (and never again)
- scripts not loading
- FullCalendar in WordPress is not working
- Wp_deregister_script() doesn’t work
- enqueue_scripts() in child theme doesn’t work
- How do you load js and style resources from CDN with local fallback using wp_enqueue_scripts?
- Issues with wp_enqueue_script and jquery-ui
- wp_localize_script & wp_enqueue_script not working in front end
- wordpress enqueue script not working
- Why do I have to specify all parameters for wp_enqueue_script to load my jquery in the footer? [closed]
- Load scripts only for selected template
- wp_enqueue_script error with `ID`, `post_title`, `post_name` of none object
- WordPress – enqueue js issue – page broken, no error
- Enqueue script with version number not working
- How to enqueue a script on a specific URL that contains multiple parts
- Set a parent script presence status true so that child scripts load in wordpress
- wp_enqueue_script silently fails [closed]
- correct path for enqueue script in WordPress
- map enqueue in backend
- How to get, in WP page’s script, a wp enqueued script (in Functions.php)?
- Most optimal way of starting fresh, without using other theme or dropping old files?
- Bootstrap sticky menu in WordPress
- Bootstrap css not getting applied to the custom WordPress Dashboard Widget
- WooCommerce not enqueuing its scripts [closed]
- See Scripts used by Page
- How to give path to files in plugins folder?