Brightcove Video Connect

Are you looking to handle your Brightcove Video and Playlist library natively from within WordPress?

With this plugin, developed by 10up.com, you have the power to handle multiple accounts and video libraries, upload videos and add them to playlists, render shortcodes with your videos and all from within the WordPress admin interface.

Support Notice

Birghtcove Video Connect for WordPress is an open source plugin. Because customer implementations of WordPress and their environments vary, Brightcove can not fully support the plugin. However we love our customers and will do our best to help you resolve your issues.

Brightcove customers experiencing issues with Video Connect for WordPress may submit a ticket to the Support team.

Usage

Refer to screenshots for a walkthrough of the usage of the plugin.

I want to put a new video into a post

As a writer for my WordPress-powered publication, I would like to upload a video to Brightcove and render it in an article I am writing.

The process is pretty straightforward.

During a typical editorial process, an article is created in the WordPress post (or page, or any other custom post type) edit screen. As core functionality, above the editor, but below the title, there is an “Add Media” Button. With Brightcove Video Connect active, there is also a “Brightcove Media” button available.

Screenshot 10

By clicking on this button, a media modal, very similar to WordPress core, appears.

In this modal, there are three tabs — Upload Files, Videos, and Playlists. By clicking on the “Upload Files” tab, you have access to two methods of uploading media. You can choose the “Select Files” button and browse to it using the Finder or Windows Explorer or, more simply, you can drag and drop to the browser window which doubles as a “drop zone”, not unlike core media uploading.

Screenshot 6

Note:
You may select multiple files to upload at a single time.

In WordPress core media upload support, media immediately uploads without prompt, however due to the nature of the plugins’ ability to support multiple Brightcove Accounts, the next step does not include an automatic upload.

Once the files have been queued for upload, you may edit the details of the video before it is sent to Brightcove. The ingestion.upload does not begin until you hit the “Start Upload” button. Note that, at any time, video data can be edited by selecting the queued upload and editing details in the right sidebar.

Screenshot 8

Once the “Start Upload” button has been clicked, the queued media will be sent to Brightcove for ingestion. There is a progress bar that indicates the progress of the upload and an error or success message will appear below the queue upon
queue to indicate the result of the request.

Assuming a successful upload, at this point the video is not on Brightcove and is unable to be used until Brightcove transcodes the video into the formats they support. When that transcoding process completes, Brightcove will notify WordPress of the success of the transcoding and your video is ready for use in WordPress.

In WordPress itself, the video is available for insertion, however, due to transcoding incompletion, it cannot be rendered, even if it can be inserted into the post.

Back in the modal, switching to the “Videos” tab displays a list of filterable videos available to WordPress. Find the video in the list, and select it.

Screenshot 4

By selecting the video, the video details show up in the right sidebar. At this point, if you’d like to see how the video looks in a Brightcove player, you can choose the “Preview” button to see an interactive view of the video prior to insertion.

If you feel the need to modify the details of the video — title, description, tags — click on the “Edit” button for a view to do that.

Once you have found your video, and made any necessary changes to it, click on the “Insert into Post” button. WordPress will send a shortcode to the editor containing the necessary parameters needed for WordPress to render the video.

While the editor is in text mode, the shortcode will display in plain text.

Screenshot 11

While in Visual mode, the video is rendered in the editor.

Publish!

I want to put a playlist into a post

Open Edit Post Page > Brightcove Media button > Playlists Tab.
Select the playlist which you want to insert into post.
Click “Insert Into Post” button on the right bottom.
In order to create a new playlist you need to login to http://videocloud.brightcove.com/.

I want to edit a video

From your WordPress dashboard, click the Brightcove widget from the dashboard menu. You will see the Brightcove dashboard with a list of recent videos.
Click on a video thumbnail from the videos list. You will see more information and actions for this video.
Click the Edit button. You will be taken to a page where you may edit the name, description, long description, and any tags for the video.
In the actions section, you may also click the Delete link if you wish to delete the video. This will immediately delete the video and there will not be a confirmation beforehand.
Once finished, click the Save and Sync Changes button. The video will be updated immediately.
To leave the edit screen, click the Back button. You will be returned to the Brightcove dashboard with a list of recent videos.

I want to edit a playlist

N.B. If you want to create or delete a playlist, that can only be performed via the studio: http://videocloud.brightcove.com/

Open Brightcove Menu > Playlists or
Edit Post Page > Brightcove Media Button > Playlists Tab
Select the Playlist you wish to edit from the grid view. You can use the filters to search for it.
With the playlist details visible, press the Edit Button to open the Edit View. – screenshot-16
Videos in the playlist are on the left, videos available to be added to the playlist are on the right.
Add a video to the playlist with Add to Playlist Button
Change the order of the playlist by pressing the Move Up / Move Down buttons next to each video.
Remove videos by pressing the remove video button.
Playlist Name can be changed via the text field at the top.
No need to save anything as all changes are synchronized to Brightcove automatically.

I want to add an account

Create your API credentials via http://docs.brightcove.com/en/video-cloud/studio/managing-accounts/managing-api-credentials.html
Visit the settings page, Brightcove Menu > Settings.
Input a memorable name to differentiate your source from all other sources.
Input your API credentials and press the Check Credentials button.
We don’t recommend adding more than one source for a particular ID.

attribution

All videos used in our demo are freely downloadable at https://vimeo.com
These include:
The Things about dogs

The Village

Monkey Moon

TimeScapes: Rapture

Oxygen

Splice Holiday Video 2011

Sample Video
http://sample-videos.com/

<ol>
<li>List of all sources configured for Brightcove 2.Account ID for the source, 3 source's Client ID, 4. Add a new source
button.</li></ol>

Post edit view displaying 1. Brightcove Media modal button. 2. Video shortcode. 3. Playlist shortcode. 4. Toggle to visual mode where players are rendered.

Post edit view in visual mode. 1. Processed shortcode rendered by Brightcove. 2. Video Edit to launch modal.

Video preview from video grid modal.

Rendered post with videos inserted. What the user sees.

Playlist tab in modal and playlists page containing 1. Sources filter, 2. Whether we hide empty playlists. 3. Search bar. 4. Select a playlist to open the details tab. 5. Playlist video count. 6. Edit Playlist button.

1-4 Brightcove account settings from https://videocloud.brightcove.com/admin/api We only support accounts with full read/write permissions. 5. Whether this should be the default account that we upload videos to.

Confirmation of a valid account.

<ol>
<li>Videos in grid view. 2. Select video to open details sidebar. 3. Divider. 4. Thumbnail of video. 5. Toggle edit video mode. 6.  Toggle video preview mode. 7. Show videos of specific source. 8. Show videos uploaded in certain month. 9. Show videos of a specific tag. 10. Search. 11.  Add a new video.</li></ol>

Modal Window, 1. Upload new files, 2. Current Tab, 3. Playlist Grid View.  4. Insert selected video as a shortcode into the post.

Uploader supporting select or drag and drop for multiple video uploads.

<ol>
<li>Edit Source page, 1. Source name, 2. Account ID, 3. Make the source default</li></ol>

<ol>
<li>Metadata changes are reflected in row. 2. Hide empty play lists. 3. Search playlist. 4. Thumbnail of playlist. 5. Selected playlist to edit.</li></ol>

Playlist in grid view. 1. Show playlist from all sources 2. Select video to open details sidebar. 3. Divider. 4. Thumbnail of video. 5. Toggle edit video mode. 6.  Toggle video preview mode. 7. Show videos of specific source. 8. Show videos uploaded in certain month. 9. Show videos of a specific tag. 10. Search. 11.  Add a new video.

  • Rating
  • Requires 4.2+
  • Downloads 4,110
  • Updated 2017-03-20

Leave a Comment

Finely crafted websites & tools that make the web better.