Display a Video File in Site Builder

User wants to  customize the website to have a video in the website.

Requirement
User can upload a video file and then apply it with the following HTML code to display the video on webpage.

Solution

  1. Navigate to Documents > Files > File Cabinet 
  2. Click Web Site Hosting files
  3. Click Live Hosting Files
  4. Click Add File
  5. Browse a video file from a local directory
  6. On the preferred video file: Click Edit
  7. Take note of the generated URL
  8. Navigate to Commerce > Site Builder > Tabs
  9. On the preferred website tab: Click Edit
  10. Message:
    • Click HTML icon to switch the text editor to Source Edit Mode
    • Enter the sample code below:
      <video width="320" height="240"><source src="[xxx]" type="video/mp4"></video>
      Note: Replace the [xxx] with a URL of the video file from the File Cabinet. The width and height can be also customized as needed.
  11. Click Save

    Note:Unlike YouTube videos wherein the Play button is available upon viewing the Solution, a video embedded from the File Cabinet can be played only if the user right-click on it and select the Play option.

Leave a comment

Your email address will not be published. Required fields are marked *