Welcome to BFC Networks. The expert in SharePoint and Microsoft technologies for education.
Embed YouTube and other code into SharePoint 2010
SharePoint likes to keep code safe and when adding embedded code SharePoint takes a look and decides whether or not to it likes it. And a good example of this is YouTube content.
SharePoint being safe
When we navigate to our SharePoint we select the Edit site button and then click on HTML and select Edit HTML Source.
I’ve selected a video from YouTube and have copied the embedded code. I’m now going to paste this code into the window that opened up.
When we select OK to save this code and expect the YouTube video to load on our page we get this yellow warning message appear and then disappear very quickly and the YouTube video appears on our page.
When we click save to save the page the YouTube video disappears and when we go and check the HTML Source it is now completely empty.
Embedding code to SharePoint
There are many ways to resolve this issue and one of these includes stopping SharePoint from removing the embedded code but this isn’t realistic.
Instead we are going to save the content of the embedded code to a text file, upload it and then use a web part to pull this information viewing it as HTML and loading the content.
Open notepad and paste the embedded code into it.
Save the file and upload the file into SharePoint. A good place would be the SiteAssets library.
Add a content editor web part to your page and edit the web part.
In the properties box down the right hand side you will see 3 dots, click on these to open up a new windows.
Paste the URL of the text file we uploaded and click OK
When you now save your SharePoint page you will always have your embedded code.
This doesn’t necessarily have to be a YouTube video. It could be flash code, html code or any other embeddable code.
[...] Last week I wrote a post about using the content editor web part and embedding external content into your site. You can read the post here Embed YouTube and other code into SharePoint 2010. [...]
Pingback by Embed into SharePoint: Part 1: SlideShare | BFC Networks — 05/07/2011 @ 5:40 am
[...] can see how to do embed into SharePoint here. Alex PearceAlex is a SharePoint MVP and works as a consultant for BFC Networks working with [...]
Pingback by Embed into SharePoint: Part 2: PlayStation Network | BFC Networks — 06/07/2011 @ 5:47 am
Thanks for the article Alex. I was giving it a try and everyting was working except when I tried to save the page. Now the page is locked in edit mode except I cannot edit anything. Do you have any suggestions? Thanks
Comment by Dan — 06/07/2011 @ 10:40 pm
Hi, hard to tell unless you can give full description of everything on you pages
.
Try doing it through SharePoint Designer or try a different browser.
Alex
Comment by Alex Pearce — 06/07/2011 @ 10:47 pm
So easy, and it worked perfectly. Great solution! Thanks!
Comment by Dawn — 08/07/2011 @ 4:11 pm
How to embed the youtube in SharePoint 2010 blogs? it is disappearing after publishing the post.
Comment by dolly — 12/07/2011 @ 12:21 pm
Dolly,
Does the content editor web part get deleted too?
Comment by Alex Pearce — 12/07/2011 @ 2:50 pm
Hi,
I’m pulling my hair out trying to embed videos into my blog (no webpart available). You mentioned “…There are many ways to resolve this issue and one of these includes stopping SharePoint from removing the embedded code but this isn’t realistic…”
Please, please can you tell/link me to how to do this? (I’ll take it as read that this is something you should never ever do etc)
Comment by James — 23/09/2011 @ 5:29 pm
Hi Alex
I just used these instructions to get a video on the SIMS Learning gateway. Worked first time. Superb and saved me a lot of time – now this is the way to go!
Thanks
Paul
Comment by P Stevens — 31/10/2011 @ 1:18 pm
[...] The trusty Silverlight Media Player web part (if you want to rip the media down locally) or a content editor linked to an external file are both viable options. But for the common page editor/content owner, those aren’t the most [...]
Pingback by Embedding YouTube Videos in a SharePoint Page With The Page Viewer Web Part | mylifeinaminute.com — 18/01/2012 @ 2:33 am