How to upload and play video In portal User Interface?

  1. Use Video from Advanced in the Section.
  2. Create a binary file with mp4 format.
  3. Take Property reference and mention “webwb/TestvideoMp4.mp4” instead of webwb.testvideoMp4.mp4.


  1. Create a binary file with mp4 format. (Eg id: TestVideoMp4)
  2. Create a non html generated section and include the following code

<video id='TestVideoMp4' width="720" height="340" controls>

<source src="<pega:reference name="pxThread.pxReqBaseURI" mode="normal" />/webwb/TestVideoMp4.mp4" type="video/mp4">





  1. Adjust height and width accordingly.

***Edited by Moderator Marissa to update platform capability tags****


Keep up to date on this post and subscribe to comments

March 25, 2019 - 6:02pm


have you tried using the pxVideo control instead of a custom section?


April 2, 2019 - 2:17am
Response to schma


Yes, I have tried using pxVideo.

As mentioned above, the 1st method uses pxVideo control when we select the Video from the Advanced Tab of a Section.

If we want to adjust the height and width of a video or to crop the video, we go for a custom section(The Second Method).