• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

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:

full width video

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.

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.