Jean Paul's Blog

There are 2 types of People in the World, One who Likes SharePoint and..

  • Microsoft MVP

  • MindCracker MVP

  • CodeProject MVP

  • eBook on SharePoint 2010

  • eBook on Design Patterns

  • eBook on Windows Azure

  • NLayers Framework @ CodePlex

  • MSDN Forums

  • .Net vs. Java

    Due to Public Demand

Archive for January, 2017

Playing Video in Restricted SharePoint Environments

Posted by Jean Paul on January 25, 2017

Few months back I came across a scenario where User wanted to play Video in SharePoint Pages. But the Environment restricts usage of Video Streaming.


In this case we can use HTML5 Video Tags.

HTML5 Video

HTML5 included the Video & Audio tags which allows playing multimedia without any extra plugin requirement.

Previous to HTML5, Flash Or Media Player was required to play video Or audio files. Now all HTML5 compatible browsers support the Video tag by incorporating necessary multimedia infrastructure within them.

Following are the Browsers & Versions supporting HTML5 Video & Audio tags.



SharePoint & Video Tag

Coming back to our problem, Perform the following activities for testing the Video tag.

Open SharePoint Designer. Go to Site Pages.


Choose the new HTML or ASPX option. Edit the file. Add the following code inside body tag.

<video width=”300″ height=”250″ controls>
<source src=”/siteassets/video.mp4″ type=”video/mp4″>
  Your browser does not support the video tag.

The code performs the following:

· Set the Video tag with wdith & height

· Specify the source as mp4 file

· Set the Error text if browser does not support video tag

Your code in HTML file looks like below.


Video File

Now we need to create a video file. You can download the Video file from link below.


Choose the MP4 file, download, rename & upload to Site Assets library.



Now open the HTML file in a Video supported browser. You will get the video played as shown below.


Now open the HTML file in a non-supported browser. You will see the following error message.



You can also set a Preview Image for the Video tag. This image will be displayed in the non-play state.

Restricted Scenarios

The video restricted scenarios can be:

1. SharePoint Restricted Content Types

2. SharePoint Restricted File Extensions

3. IIS Video Streaming Restrictions



In this article we have explored using Video Tag for a restricted SharePoint environment scenario.

Posted in SharePoint, SharePoint 2013 | Tagged: , , , , | Leave a Comment »