Jetpack

VideoPress

The VideoPress module allows you to upload videos from your computer for hosting and playback directly within your site. This module requires a WordPress.com account with an active VideoPress subscription.

To get started with VideoPress you can follow these quick steps:

  1. Connect Jetpack to your WordPress.com account
  2. Activate the Jetpack module
  3. Adjust the configuration settings
  4. Upload and insert videos into your posts by clicking on the Add Media button in your post editor

Connecting Jetpack and VideoPress

To connect Jetpack to your WordPress.com site that has the VideoPress premium upgrade, go to Jetpack -> Settings. Hover over your mouse on the VideoPress module row, then click the Configure link.

On the next screen, choose the connected WordPress.com blog from the drop-down interface, select your preferred options from the available settings, and click Save Changes.

videopressoptions

Uploading and inserting videos

To upload a video to your VideoPress Library from your Jetpack-powered WordPress blog, click the Add Media button in your post editor.

Add Media

Then, click the VideoPress tab on the left side of the Media Uploader.

insert-media

You can upload a new video or select an existing one from your VideoPress Library.

upload-video

Additional Information

This module allows you to click a button to login to your WordPress.com video blog, retrieve a video’s [videopress xyz] shortcode, and insert it into your post. You can specify the width and height of the video container with w= h= shortcode attributes. You can restrict playback to only Freedom-loving formats using a shortcode parameter of freedom=true. You can autoplay a video by setting a shortcode parameter of autoplay=true. You can force a Flash video embed by setting a shortcode parameter of flashonly=true. The following are all valid shortcodes:

  • [videopress xyz] uses your default theme content_width if present, otherwise uses 400px as width.
  • [videopress xyz w=640] specifies the width of video container to be 640px while preserving the aspect ratio.
  • [videopress xyz w=640 h=360] specifies both width and height of the video container.
  • [videopress xyz h=300] specifies the height of the video container to be 300px, while preserving the aspect ratio.
  • [videopress xyz freedom=true] display videos in only Freedom-loving formats (currently Ogg with Theora video and Vorbis audio).

Video preview elements and HTML5 video are directly inserted into your WordPress post or page, enabling custom styling through CSS or inclusion in your site statistics.

Troubleshooting

Do I need a WordPress.com account to use this module?
Yes. This module relies on a WordPress.com site with the VideoPress premium upgrade to host uploaded videos, transcoded video files, and related information. Since you already need a WordPress.com account to connect Jetpack, you just need to add a site to host your video files.

Can I use this module to host videos on my own server?
No. This module requires a WordPress.com site with the VideoPress upgrade and has no support for hosting videos on your own server.

I’m already using the VideoPress plugin!
We highly recommend disabling the standalone VideoPress plugin and enabling VideoPress through Jetpack as all future upgrades to VideoPress will only be available in Jetpack.

My site visitors report playback issues when I set the Freedom playback preference.
Freedom has its price.

How can I alter Flash runtime parameters?
Hook into the video_flash_params filter to alter the Flash parameters defined in your page markup. Note: changing allownetworking or allowscriptaccess values may break your video playback experience. Changing window mode may negatively impact your viewers’ playback performance.

The embedded Flash file hovers above all other page elements regardless of z-index
Modern versions of the Adobe Flash player separate content into layers handled by specific components of a computer, tablet, or smartphone. This optimization by task allows your viewers to experience smooth video playback using fewer system resources (and battery) than explicit layer controls. See Adobe’s Flash embed wmode support by browser for more information.

My visitors are unable to view some videos when Flash is not installed (such as iPhone)
Some video publishers restrict video embedding and sharing features. HTML5 video includes a full URI to a video file in the page markup, a feature that causes some concerns among publishers attempting to limit playback locations and video distribution. Restricted embeds are included on the page using Flash markup.

Follow

Get every new post delivered to your Inbox.

Join 62,838 other followers