This is a tutorial about how to add a video in SharePoint 2013 site Page. There are various ways of adding a video in SharePoint 2013. You can either use a Script editor webpart or the old Content editor to add the video code or upload videos to asserts library that gives you SharePoint hosted Video page. In this post we will cover the following -
1. Create an Asserts library.
2. Upload Videos to Asserts library
3. Add\Embed Video to SharePoint 2013 site page
4. Add a YouTube Video in SharePoint 2013
2. Click on Asserts Library and give it a name. We call it Video Library.
Once created Click on the new library -
4. Upload a Video – We download a sample Microsoft Video and uploaded it into this library.
5. Once the video is uploaded you will be in Video item’s edit properties page. Notice the option “Change thumbnail”. This is to upload a Video thumbnail either from Video or from your Computer.
6. Change Thumbnail – Once you click on change thumbnail you have the following options -
Lets look at how to capture a screenshot from the video – Play the video and click on the “Capture Thumbnail” on the top of the video.
Other Video Properties -
Once save the Video will be uploaded to Site Asserts library.
Click on Thumbnail video and you should see the Video page.
Navigate to the site library where you added the video and click on video thumbnail.In the view Video page click on the code icon
to get the Video embed code.See the below screens -
This is the Embed code page that you get. Copy the below embed code.
Next we will add this code in “Script Editor” webpart to display this video on the page.
1. Create a SharePoint Page and Edit it.
2. Click on Insert tab to Insert “Script Editor” Webpart.
3. Next click on Embed Code in Insert Ribbon tab and add the copied Video code to it.
This is how it looks like -
1. Create an Asserts library.
2. Upload Videos to Asserts library
3. Add\Embed Video to SharePoint 2013 site page
4. Add a YouTube Video in SharePoint 2013
Create an Asserts library
1. Navigate to Site Contents and click on “add an app”.2. Click on Asserts Library and give it a name. We call it Video Library.
Once created Click on the new library -
Upload Videos to Asserts library
3. Next click on “new Item” to Upload Video in this library.4. Upload a Video – We download a sample Microsoft Video and uploaded it into this library.
5. Once the video is uploaded you will be in Video item’s edit properties page. Notice the option “Change thumbnail”. This is to upload a Video thumbnail either from Video or from your Computer.
6. Change Thumbnail – Once you click on change thumbnail you have the following options -
Lets look at how to capture a screenshot from the video – Play the video and click on the “Capture Thumbnail” on the top of the video.
Other Video Properties -
Once save the Video will be uploaded to Site Asserts library.
Click on Thumbnail video and you should see the Video page.
How to Add\Embed a Video on SharePoint Page
We Uploaded Video in Site Asserts library earlier and now we will add it to a new SharePoint page.Navigate to the site library where you added the video and click on video thumbnail.In the view Video page click on the code icon
to get the Video embed code.See the below screens -This is the Embed code page that you get. Copy the below embed code.
Next we will add this code in “Script Editor” webpart to display this video on the page.
1. Create a SharePoint Page and Edit it.
2. Click on Insert tab to Insert “Script Editor” Webpart.
3. Next click on Embed Code in Insert Ribbon tab and add the copied Video code to it.
This is how it looks like -
No comments:
Post a Comment