Video Banner for Sensible Pro via Media Uploader

Scroll down the page for detailed instructions

Please select the Home Page – Video template file for your Home page. Then upload your video files to the WordPress Media upload section, copy and paste the URLs (ex: video_banner.mp4) of the video files in the appropriate fields. If you leave them blank then the featured image of this page will be used instead. It is advised that you convert your video to mp4, webm, and ogv for full browser support, you can find more info on that here.

Video will only play on desktop screens, as mobile devices do not support them. On mobile the featured image is displayed (so you should always set one) and it should be at least 1920×1000 in size for best appearance..

  1. Click on Pages => Add New
    ModernThemes WordPress Themes
  2. Enter Page title
  3. Select Home Page – Video under page template dropdown
    Universal WordPress Theme
  4. Click Publish
    ModernThemes WordPress Themes
  5. Gather your video files on your desktop screen (make sure you have a .mp4, .webm, and .ogv files)
  6. Click on Media => Add New
    Screen Shot 2015-08-12 at 2.00.18 AM
  7. Upload your video files (.mp4, .webm, and .ogv files)
    Screen Shot 2015-08-12 at 2.02.26 AM
    Screen Shot 2015-08-12 at 2.03.36 AM
  8. Click on Appearance => Customize
    ModernThemes WordPress Themes
  9. Go to Static Front Page section
  10. Select your Video page as your Static Front Page from the dropdown
    Screen Shot 2015-08-12 at 2.04.35 AM
  11. Go to Home Hero Section
    Universal WordPress Theme
  12. Go to Video Banner section
    Screen Shot 2015-08-12 at 2.06.07 AM
  13. Copy the File URL path from the media files for each of your video files and paste in the appropriate video fields in the Video Banner section (ex. http://sitename.com/uploads/2014/video.mp4 will go in the .mp4 field)
    Screen Shot 2015-08-12 at 2.06.37 AM
  14. Confirm that all your paths are correct ( make sure the .mp4 field has the .mp4 file, etc.)
    Screen Shot 2015-08-12 at 2.07.23 AM
  15. Click Save & Publish
    ModernThemes WordPress Themes
  16. Confirm that your video is working (we have set up across all browsers, but some browsers require updated versions for video streaming)