Playing Videos in SharePoint using JWPlayer
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
Post a Comment