Documentation

Search value is required

Embedding a video onto a page

Videos are used across all sites as both informative and promotional methods of providing information to our customers.

JW Player is currently used to host and play our videos. To use JW Player you must login in through the secure dashboard JW Player login

If you need a JW Player account created please email the Wed Dev Team

Before you start

Before you proceed with adding a video to a page it is useful to check to make sure you have the following:

  1. Video source file
  2. Video transcript
  3. Closed captions file
  4. Pre-roll image

It is also important you check the following information form the design/UX/marketing team:

  1. What player does the video use (SLUK Brand, 1825, other)?
  2. Where does the video sit on the page?
  3. Is the video housed in a component (hero, information box, accordion)?
  4. How is the video transcript displayed (accordion, PDF, word document)?

How to embed a video on a page

  1. Sign into to JW player and navigate to video page:

  2. Click on the upload button:

  3. From the pop-up box select the video file to upload from your local directory:



    Select the file to upload and press open.

  4. Once the file has finished uploading, switch to the "Assets" tab:



    On this tab you can upload the closed captions file and select the correct pre-roll image (from the video file or an image provided by marketing).

  5. Once the closed captions and pre-roll image have been selected click on the embed button.



    On the embed pop-up window, select the correct player from the dropdown list (sluk-brand, 1825, etc...). You can test the player by clicking on the preview page link at the bottom left hand corner of the pop-up.

  6. Once you have selected the player, copy code from the JavaScript tab.

  7. Navigate to the web page you are building - this could be a local build or a page in TeamSite 7.4.

    The embed script can now be added to the component.

    When adding a video to a TeamSite component, the script tag needs to be added through the Tiny MCE editor in the component. For some TeamSite components you may need to wrap the embed script in a <div> to prevent the component removing the script.

Notes

For accessibility purposes the video transcript should not be in a PDF or word document, this will present problems for assistive technologies.

Closed captions should also be included for every video.