1,804 articles and 14,933 comments as of Friday, June 3rd, 2011

EndUserSharePoint has combined resources with NothingButSharePoint.com. You can now find End User (Mark Miller), Developer (Jeremy Thake) and IT Pro SharePoint content all in one place!

This site is a historical archive and is no longer being updated. Please update your favorites, bookmarks and RSS feeds.

NothingButSharePoint.com
Tuesday, November 20, 2007

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.

 

Please Join the Discussion

72 Responses to “Embed a Video into a SharePoint Page”
  1. jenny says:

    hi,

    this was really great!

    how about picture slideshow is it possible?
    im using wss 2.0. can someone help me how to create picture slideshow inside content editor web part. i have used this code: the caption works, but no images were reflected. why is that? is there a need to include the location of the images? how? can u edit the code. thanks.

    .Caption {
    font-family: Arial;
    font-weight: bold;
    color:      #123456;
    }
    
    var SlideShowSpeed = 3000;
    
    var CrossFadeDuration = 3;
    
    var Picture = new Array();
    var Caption = new Array();
    
    Picture[1]  = 'pic1.jpg';
    Picture[2]  = 'pic2.jpg';
    Picture[3]  = 'pic3.jpg';
    
    Caption[1]  = "This is the first caption.";
    Caption[2]  = "This is the second caption.";
    Caption[3]  = "This is the third caption.";
    
    var tss;
    var iss;
    var jss = 1;
    var pss = Picture.length-1;
    
    var preLoad = new Array();
    for (iss = 1; iss  (pss)) jss=1;
    tss = setTimeout('runSlideShow()', SlideShowSpeed);
    }
  2. Paul Lynch says:

    @Jenny

    Checkout Lytebox (www.lytebox.com) for a slideshow works great with sharepoint, although not tired WSS 2.0 only on 3.0 so far.

    I have also managed to use this to embed video on a page as well as a slideshow.

  3. Agreed… LyteBox is my hero. — Mark

  4. jenny says:

    hi,

    can someone help how to upload my own video in content editor web part? for example i just created my own video mp4 and i want to put it inside content editor web part what would be the code for that? coz in this example you just copy the source in the youtube right but how about if i have my own video save in my desktop, what would be the code. thanks a lot.

  5. Jenny,

    You’ll need some kind of HTML wrapper to embed the video. A lot of people are using the JW Player: http://www.longtailvideo.com/.

    A word of warning, however. Unless you are in a controlled environment, mp4 is going to knockout a lot of your audience because they will not have the ability to play it.

    Mark

  6. Glenn Barr says:

    I have downloaded the Flash Media Library Template, but I am so new to SharePoint I can’t figure out how to get it working. Can you help?
    Thanks, Glenn

  7. Steven Miller says:

    Is there a way to add code to “link” two videos together, so that one video plays right after the other one on the Sharepoint Player? I’m restricted on video size – so instead of making seperately named parts of the video I would like to make the separate videos just play in the player right after another. Thanks, Steve

  8. RH says:

    Mark great info,however I could not tell from all the threads if the question of “how to have a list of video links use the same player all on one page” answered from above? And I have the same question as Steve above as to how you can make several files play one after another. Thanks!!

  9. R.Kretchman says:

    Need to imbed an video onto our share point site. We are not allowed to utilize UTube, security issues. How do we do that?

  10. Derrick says:

    Here’s a sample embedded code you can drop into your web content editor web part that will play a media using windows media.

  11. Nicole says:

    How would that work with blog posts, where I don’t have the possibility to add a Content Editor Webpart?

    Thanks
    Nicole

  12. Nicole says:

    Thanks, I’ve already seen this and thought I had a solution, but unfortunately my blog is on my mysite and I don’t dare to touch the My Site Master Page…;)

  13. Is it possible to do all of these things using Sharepoint Services 3.0?

  14. Tami says:

    Great info but my question is after you have included the flash in the CEWP, how do you retain the images? I seem to have a problem retaining the images as part of the image is cut off when I adjusted the width to 100% so it can adjust to the monitor size/screen resolution.

  15. bigbrother0074 says:

    I’ve seen how you can add the “&autoplay=1″ code to the end of the url in the embed code, but I can’t actually get the video to play when the page is visited. Is this possible with WSS 3.0?

Trackbacks

Check out what others are saying about this post...
  1. [...] a previous post on how to embed a video in SharePoint, I mentioned a Flash Media Library template I had created for working with the screencasts created [...]




Notify me of comments to this article:


Speak and you will be heard.

We check comments hourly.
If you want a pic to show with your comment, go get a gravatar!