Last time we covered inserting videos into your website from directly within Sitefinity CMS. This time we’re covering how to embed videos from YouTube and Vimeo.
Chances are, if you’ve been a website administrator in the past couple years, you’ve already done this. But maybe you haven’t done it in Sitefinity.
The process is pretty standard across the board. Some of these steps will seem familiar.
How to Upload to YouTube & Embed it Into Your Sitefinity Website
- Establish a YouTube channel, if you don’t already have one. (Instructions are here: https://support.google.com/youtube/answer/1646861?hl=en)
- Click the Upload button.
- On the Upload window, you’ll see a menu that says “Public.” If you want a video set for private viewing only, change this to “Private”. (“Unlisted” is also an option.)
- Click the icon to select a video file. Locate & Open it as you would when uploading any other file.
- Once the video is uploaded, you’ll see the Video Manager, where you can enter details about the video. Title, description, categories. Make sure to do this; it helps clarify what the video’s about to viewers!
- What we’re after here though, is the embed code.
- You’ll find the embed code on the video’s page, under the “Share” menu below it. Click “Share” and you’ll see three options: Share this video, Embed and Email.
- Click “Embed” and you’ll find a block of HTML code. Select & copy this.
- In Sitefinity CMS, navigate to the page where you want to place the video.
- Paste the embed code into the page’s editor, in HTML mode. See the instructions under “How to insert a video into a webpage” in Part 1 for this.
- Save the page content and click Publish. The YouTube video will appear on the page.
Wow, that seems like a lot of steps too. But it goes very fast – especially if you’ve worked with YouTube before.
How to Upload to Vimeo.com & Embed It Into Your Sitefinity Website
- Create an account at Vimeo.com. All you need is your name, email address and a password.
- Click the “Upload a Video” button on the right, after you login.
- Click “Choose a Video to Upload.”
- Pick the video you want. Click “Upload Selected Videos” when you have it.
- Enter the Title, Description and Tags while it uploads. (I like Vimeo’s approach here; saves time.)
- When it’s done uploading, click the “DONE! Go To Video” button.
(Vimeo may convert your video into its standard format. This might take a while.)
- Once the video is uploaded & ready to view, hover over the paper airplane on top right. It’ll say “Share”. Click it.
- Like YouTube, Vimeo gives you options to Share, Email or Embed. Embed contains the HTML code we want.
- Click the Embed code (it should auto-select) and Copy.
- Paste it into the page you want on your website, in the same way you would YouTube. See the instructions under “How to insert a video into a webpage” in Part 1 for this.
YouTube is much larger than Vimeo – and would give your video greater native exposure – but Vimeo is coming up fast. Both work equally well when embedded into a Sitefinity webpage.
Video Enhancements – Using a Third-Party Video Provider
YouTube and Vimeo are mostly passive services. They allow embedding of their videos, with little extra. If you want to do more with videos, you’re better off skipping these platforms entirely. And either:
- Uploading videos to your Sitefinity CMS and managing viewership from there, OR
- Using a third-party video service to add extras.
I mention a third-party service because we recently partnered with one. SoMedia.net is a videography service, which creates and hosts videos for customers. What’s useful to mention is that they offer a custom on-page player for videos…which not only lets you control how the videos look, but you can track analytics on the viewers.
It may be overkill for some businesses’ video needs. But it’s always good to have options when it comes to online video. Now, with these two posts, you have plenty of options!
BONUS: With the release of Sitefinity 7.0, we now have an HTML5 video player built directly into Sitefinity! I’ll dedicate a post to this very soon.