How To Add Full Screen Video From Your WordPress Media Library

This solution uses the native media player originally developed by John Dyer & 119 other contributors who deserve credit for their efforts, MediaElement.js, which is now part of core WordPress.

This method simply requires the use of shortcodes in a widget or custom function.

Firstly, here’s the result:

And here’s the shortcode i used in a text widget:

You may also need to add support for using shortcodes in widgets in your child themes functions.php file if your theme doesn’t include this feature:

Note: This is the most basic way to display a self hosted video full screen which you have uploaded to your WordPress media library. The shortcode was added to a full width widget in a custom front-page.php.

You can also hook in the shortcode using a custom function.