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.