Playing Videos in SharePoint using JWPlayer

Used the JWPlayer in SharePoint. Here are the detailed steps.

Step 1:
Download the JWPlayer files from http://www.longtailvideo.com/jw/upload/mediaplayer-viral.zip
Extract and open the jwplayer.js file, Search for  /jwplayer/player.swf and then replace this with the location where you are going to upload the files.
E.g. change it to:
http://SharePointSuresh/StyleLibrary/Player/player.swf

Step 2:
Create a Document Library and upload the video files

Step 3:
Create a HTM file with the name of "Jwplayer.htm", paste the below code in it, change the File locations accordingly,  and then upload it to the document library you created earlier.

<html>
<head>
<title></title>
</head>
<body>
 <!-- START OF THE PLAYER EMBEDDING TO COPY-PASTE -->
 <div id="mediaplayer">Loading video...</div>
  
 <script type="text/javascript" src="http://SharePointSuresh/StyleLibrary/Player/jwplayer.js"></script>
 <script type="text/javascript">
  jwplayer("mediaplayer").setup({
   flashplayer: "http://SharePointSuresh/StyleLibrary/Player/player.swf",
   file: "http://SharePointSuresh/StyleLibrary/Player/bp.mov",
   image: "http://SharePointSuresh/StyleLibrary/Player/preview.png"
  });
 </script>
 <!-- END OF THE PLAYER EMBEDDING -->
 
</body>
</html>

Step 4: Now add a content editor web part, Edit the CEWP and point it to the HTM file created. Or Place this code:

<iframe name="Iframe" src="http://SharePointSuresh/StyleLibrary/Player/Jwplayer.htm" scrolling="no" FRAMEBORDER="0" style="width:100%; border:0;  height:100%; overflow:hidden;">
</iframe>

Comments

Popular posts from this blog

Activating a SharePoint Feature on Multiple Sites or Site Collections using PowerShell

Managed Path with WildCard and Explicit Inclusion

List All SharePoint 2010 PowerShell Commands