Embed a Video into a SharePoint Page
Most SharePoint sites I see are made by geeks, for geeks, with no sense of style. Is there a way to spiff up a site without having to go the SharePoint Designer route? Sure there is: include images, slideshows and embedded video using simple web parts and picture libraries.
A single large image on the top of the entrance page can make your site visually appealing without having to spend an inordinate amount of time on graphic design. Use the Image Web Part to insert a banner image across the top of the site.
A selected slideshow of interesting images is as easy as pointing to a Picture Library using the This Week in Pictures web part. A nice touch for a software project is to have a linkable slideshow of screenshots on the entrance page of the project site.
Finally, there is too much content on YouTube not to find something of interest. Go to YouTube, type in the term SharePoint, select the embed code and insert it into a Content Editor Web Part.
Standalone images, dynamically generated slideshows and embedded videos will help your End User coming back for more. By the way, don’t forget the content. You can still put your geek hat on.
on
Hey Mark — great class and terrific web site. Thanks for the valuable information.
Nice tip Mark.
I hope you don’t mind me posting this but I have a media player web part. Upload your video to a documents library and link the video to the media player webpart.
http://www.sharepointblogs.com/ajp/archive/2007/07/18/media-player.aspx”
Kind regards,
Alex
This is great but has anybody worked out how to embed youtube videos in a standard sharepoint blog post?
If you copy and paste an “embed” link from youtube into a standard post this obvioulsy encodes the html tags and displays the HTML tags as text when viewing the post.
If I use the insert HTML code window and paste the HTML tags in these appear to be stripped out when I save the post and nothing is rendered (it is displayed whilst still editing the post but vanished later after I saved it).
Any help would be appreciated.
Hugh – You are correct, the object tag gets stripped from the HTML.
Did you realize the blog post itself is just another page you can add a web part to? Use the Content Editor Web Part and you can embed the video on the post page, just not directly into the post itself.
Hope that is useful.
Mark
I use camtasia to create “how to” wmv videos on our IT sharepoint site and upload to doc libraries. However, I would like to be able to create interactive videos using flash, but have been unsuccessful in uploading this file type. Does this take a special web part? We are running 2007.
Any help would be appreciated.
Suzanne – Yes, Camtasia is definitely the tool of choice. I have created a Flash Media library template that will do what you are asking. If I don’t get it to you in the next couple days, drop me reminder.
Mark
Hey Mark,
I am also interested in the Flash Media library template. I am on the same boat Suzanne is on. Any help would be greatly appreciated. Thanks
Eddie
Hi All,
I have created a new post for downloading the SharePoint Flash Media Library Template. It includes a brief screencast overview so you can check it out before downloading.
Let me know how it goes.
Mark
Hi Mark,
I’m new to SharePoint so I can’t wait to try this out at work!
I’ve got a question for you though; are there any copyright implications when embedding videos into SharePoint?
Thanks,
Nicola
Nicola – Legal requirements for embedding in SharePoint should be the same as any other… it’s just another display medium. If you own the videos, go for it. If they are someone else’s, you need to check with them.
Regards,
Mark
Hi to all,
I am trying to setup media library like YOUTube in SharePoint Services 3.0. I have a Media player web part. It can display video file in any web part zone for any page. But i want to setup it with Library, like Picture Library where we can see all picture thumbnails. How can i do this? If you have any idea about this please help me.
Thanks for your help,
Saurabh
This was very helpful, I really enjoy this, but since I have enabled this on a site, everytime I navigate to the site a pop up box comes up and states this page has both secure & non secure contains. Now I am using Https on my SharePoint Server. My question is is there anyway to keep this box from popping up?
Shakir – I have the same problem with a client’s implementation and have not found a way around the warning messages. It’s a real problem when you have two or three web parts on a page that point outside the secure area.
Mark
We are in the process of announcing SharePoint to the rest of the company and I created a flash video that is in a sharepoint video library on my training site. Some times, you have to place things out in the open so people watch them and that’s what I want to do with this video, embed it on my training site home page. The problem is, when I copy the code to the source editor, I only see the code, not the video. Is this possible?
Suzanne – Are you using the Content Editor web part to do the embed?
Mark
Hey Mark,
I’ve added the content editor webpart with video to the blog page, however what I found was the video then shows on all blog posts. I need unique videos per post and at this point the only way I’ve seen how to do this is by editing the hard code via Sharepoint Designer (ugh!)
I was able to insert videos per post by doing HTML replacement in javascript against CSV data in the post.
See: http://preeder.homeip.net:2470/Lists/Posts/Post.aspx?ID=3
Paul – When I get a spare minute, I’ll check out your solution, but on first glance it looks good.
Thanks,
Mark
I’ve been playing around with this topic using YouTube, Flash, and Media Player video. What I would like to know, how can I change the source of the video dynamically when somebody clicks on a text link?
Derrick – Embed a hidden webpart that contains your javascript for dynamic selection. When creating a link, at the correct javascript call to access different videos.
Mark
For some reason when I upload an swf file it does upload, but does not appear in the library. Any ideas?
I can add a video to the content web editor part in sharepoint. What I would like to do is to make a list of links below the video and once clicked on for the content web editor part to play that particular video. how would this be done. In other words have an ordered list of links of video content an for it to display wihtin my site once selected.
Dee – I like to use LyteBox for something like that. The original page stays in place, the video opens in an opaque window on top of the original page. Closing the window sends you back to the original page.
Do a Google search on LyteBox and I think you’ll like what you see.
Mark
Mark,
Thanks for the feedback. I’m looking into this right now. Give you fair warning I am not a developer and know a little coding. So I hope this can help.
Mark,
Actually what I really would like to know is how to do the switch between video files within Sharepoint. You explained it in your reply on how to switch video files dynamically using the Content Web Editor part when clicking text wihtin Derricks post. The thing I would like to know is what is what would I put in the Source Code Editor (specific code) wihtin the web part so that I can have it where users can select between video files viewed within SharePoint?
Mark –
Great work. My company is moving its intranet to Sharepoint and these screencasts have really shown me some valuable capabilities of the software. I’ll be poking around your site for more good stuff!
Mike
Mike
At the end of the video it shows thumbnails of various embeded videos. How is this achieved? The code you use on the video only shows one video. I have tried to embed various videos so that they show as a thumbnail track but without success. How you can help. Regards pedro
Pedro,
I took a screenshot of each video and resized them to match. I then placed them inside an HTML table in a content editor web part. Each image is then wrapped in a link reference in HTML.
If you have Dreamweaver or some other HTML editing software, you can do it in a couple of minutes.
Regards,
Mark
Hi Mark
Thanks for the reply. So that’s how you did it! I understand the principle,
Is the table made up on one row and multiple columns?
Is each thumbnail is in an individual cell?
What makes the thumbnails move when you move your mouse over them?
I have SharePoint Designer – thought i am a novice at using it. I have tried to add a table, but the results obscured the front page on the Sharepoint site ie with a blue background! Not what was wanted!
Could you let me have the code you used?
Many thanks for your help!
Regards
Pedro
Mark,
Congratulations for share all this blog. It’s great.
hi there, i was asked to keep up the sharepoint for my work, i’d like to jazz it up a bit. i tried adding an ‘image webpart’ and kept getting an error messahe about an exception of other…and i was looking for the ‘This Week in Pictures web part’ but dont see it as an option anywhere…can you help? thanks for your time :)
Maria – The web part you are looking for is in MOSS. You are probably running a WSS implementation.
Try using a content editor web part to display images. You can place basic HTML in it, making a call to an image and it will display that way.
Regards,
Mark
Yes, I have been adding images via content editor part…just thought a banner acrosss the top would be nice…I have retrieved an inspirational youtube video to embed for the homepage, I wish i could get rid of the options of the other videos on there at the end, but thats probably impossible. I do play around a lot with html here and there..thank you for your time and expertise :) I appreciate it..one more thing, just wondering how I can create a slideshow of staff pics on the homepage…the only thing I ca think of is going to a website like slide.com and creating one there and uploading the code…any ideas? :)
i was also wondering if we can upload wmp clips. :)
Maria – Check out Waldek’s article today and tomorrow about the quote of the day. Use video or images instead of quotes and you’re good to go.
Mark
This totally solved it for me http://www.codeplex.com/erte it adds a button the text rich editor that lets you add standard object embed code without it being stripped out.
@Suzanne
I had this same problem today. I used a free tool to convert the files to FLV then I used an open source player to play them in my secure site (no YouTube involved).
I’m very pleased with the results.
Converter:http://www.flash-video-mx.com/video4web-converter/
Player:http://www.longtailvideo.com/players/jw-flv-player/
The Long Tail Video embed is pretty amazing. I’ve been tracking the progress for the past year and must say it’s pretty slick.
More than the display, however, is how the content is served. For a couple of small, screencast videos it’s fine to sever them from a basic web server. When the lifting gets heavy, though, you’ll need a hosted streaming media environment… whole different story.
Mark
Hi All,
I want to upload a training video directly from my PC to any Microsoft site(like Sharepoint or download center) so that anyone can see it.I don’t want to embedd just a link which is already on youtube etc.
So basically I want a Microsoft site to host my training videos instead of youtube.Please let me know if anyone knows about it.
Thanks in advance.
Hi all,
I want to create a Youtube-like on MOSS 2007.
However I will not only put videos but also Youtube-commentary tools under the video where people can add their comments.
Is there any MOSS web part that I can use to create a commentary tools?
Any info would be highly appreciated.
Thanks in advance.
hannysan.
Hi All,
I want to add a web part which is a post in the other web site at same intranet. But I couldn’t do that. I just want to use announcements site(this a template site as you know) in my main web page. I saved the announcements page as a webpart then I add it to my main site , I tried to connect it to a new announcements list but web part is not working. Can anybody help me
Hi all,
I have another problem about sending e-mails. In the announcements default.aspx page. There are announcements at the end of the announcements there is a link for sending this new :
Send this post with E-Mail
My question is this: Can I customize this mailto functions body, at this mails body I need to use new post’s body and Title and sender’s name…when I tried to do this tags are coming with Body.
Need very quick help.
Thanks
Cigdem – Please post your questions on Stump the Panel. You’ll get much better exposure and will more likely get an answer. — Mark
Hi!
What if I would like to have a list of embedded movies on my team site and let my team members choose a video from that list and play that movie in the Content Editor Web Part playing the YT video?
Connect a “movielist” to the “YT Web Part” =)
Thanks!
/Erik
Can anyone tell me how to find the embed code for a Camtasia presentation?
Anna – Version? — Mark
Mark -
Its a Camtasia Studio 5.1.0 (Build 505) screen cast. It’s not a flash interactive presentation.
Many Thanks
Anna – When you produce the video, make the selection to export it with in HTML. Look inside the HTML that’s generated and you’ll find the embed code. — Mark
You can embed your videos into a blog using OneNote to publish your blog. It might not be the prettiest way to do it, but it can work.