How to Add Videos

Uploading your Video

You need to use a third-party video hosting service to store and serve video.  These services are built specifically for serving high quality video, and their accounts are free.  Start by creating an account and uploading video to a video-hosting site.  The following are possible options, though there are others.

• Vimeo.com
• YouTube.com
• Google Drive

Copying the Embed Code of your Video

After you have uploaded your video clip to an online video service, locate and copy the embed code for the service’s video player.  Each provider will have code that looks slightly different.  Here’s an example of Vimeo’s embed code:

<iframe src=”https://player.vimeo.com/video/27456045953″ width=”800″ height=”500″ frameborder=”0″ webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

Turning Off Related Videos at the End of Your Video

Using a Video as the Main Element on the Story Page

1. On the Edit Story page, scroll down to the custom fields.
2. Choose Do Not Display under the Featured Image Location
3. Paste the video's embed code in the Video Embed Code box.
4. If you want, add a credit for the video in the Video Credit Line.
5. Choose if you want the video to appear above or beside the story by choosing the appropriate selection in the Video Location dropdown menu.
6. Click Update.

Adding a Video as a Standalone Story

1. Click on New under the Stories tab on the left navigation bar in the WordPress dashboard.
2. Enter the Headline for the article.
3. If you have a story or short explanation of your video, paste that in the main text-editing window.  DO NOT add your video in this window.
4. Paste your video embed code in the custom field labeled Video Embed Code below the main text-editing window.
5. If you want to give credit for the video, add a name in the Video Credit Line Custom Field box.  If there is a staff profile for this name, this video will automatically be linked to that staff profile.
6. Add a Featured Image in the bottom right corner
7. Under Custom Fields choose Do not display Feature Image in the Featured Image Location dropdown menu.
8. Assign this story to your Video category.  NOTE: You can add a video to a story in any category, but to get a video to display on the homepage, that category must be selected in a SNO Video Category widget.
9. Click Publish.

Adding a Standalone Video Widget to the Site

1. Click on Widgets under the Appearance tab on the left navigation bar in the WordPress dashboard.
2. Drag a SNO Embed Code widget into one of your Widget Areas.
3. Paste your video's embed code into the Text box. Adjust your customization choices.
4. Click Save on the widget.

Adding a Video Category Widget to the Site

1. Click on Widgets under the Appearance tab on the left navigation bar in the WordPress dashboard.
2. Drag a SNO Story List widget into one of your Widget Areas.
3. Choose the category that contains the story with your video in it. Then change the Media option from Photo to Video in the second column.
4. Click Save on the widget.

NOTE: You can also paste your video embed code in a SNO Embed Code widget in any of your Widget Areas.  Videos added this way will not be archived by your site. 

Using a Video as an Element of the Interest within the Story

1. While adding/editing a story, place your cursor in the place you’d like the video to go. Usually, it works best to press enter, giving the video it’s own line in the text editing box.
2. Click the SNO Add Story Element button above the text editing window.
3. A pop-up window will give you all of the different options story elements, click the button for Video Embed.
4. Complete the form.
5. Click the Insert button.
6. A line of short code will now show up in your story.
7. Click Update/Publish and go to view the story to see how your story page looks.