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

WP SITES

2662

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

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

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems