Skip to content
  • back
  • Glasshouse help

  • Glasshouse help
  • How Glasshouse is organised
    • Page types
    • Tabs
  • The basics
    • Creating pages
    • Adding and formatting content
    • Adding images
    • Managing files
    • Adding and managing users
    • Managing pages
  • Building learning sequences
    • Adding a sequence page
    • Adding a basic content block
    • Block types
      • Assignment block
      • Branching scenarios
      • Button
      • Cloze tests
      • Complex Feedback
      • Drag and Drop
      • xAPI forms
      • xAPI form display
      • Hotspot
      • Layout blocks
      • MCQ Buttons
      • MCQ - Drop down
      • MCQ - Range Slider
      • Short answer
      • Tables
      • Wiki
      • Sticky blocks
    • Front end editing
    • Adding media
    • Adding pop-ups
      • Adding blocks to pop-ups
    • Adding navigation
    • Completion Setting
  • Integration and export
    • Export SCORM
    • Adding a completion button
    • Setting up an LTI Integration
    • Single Sign On
    • Launch other sites
    • Export content in a simplified version
  • Other things you can do
    • Content curation with Glasshouse
    • Building spaced learning
    • Building interactive videos
    • Building an assessment
    • Building a handbook
    • Setting up a registrations page
      • Adding custom fields
    • Changing the visual design
      • Changing the login page
      • Changing site and page logos
      • Changing the navigation style
    • Building a dashboard
    • Certificates
    • Building workflows
    • Adding managers and buddies
    • Javascript actions
    • Shortcode
    • Using Glasshouse as a lite Learning Management System (LMS)
    • Restricted Navigation
    • Checklist
    • Group Rules
    • Text to Speech
    • Assignment Feature
    • Snippets

Adding media

Overview

Media files, including video and audio, can be added into Glasshouse and displayed with other content on pages or blocks. Glasshouse uses jwplayer for video playback. When a media file is added to Glasshouse, a Media asset is created, enabling customisations to be added to the media file. Media assets can have captions added, be grouped into playlists, be embedded from external sites and have high/low quality versions, amongst other options.

Options

Further options from within the Media asset window.

External URL

Media can be loaded directly from another web page by adding the URL of the video into the External URL field.

Tags

Add tags to the media asset to make it searchable. If a search function is set-up on your website, tags can be used to categorise searchable content by subject or other criteria.

Width and Height

The width of the media file can be restricted by adding a percentage or pixel value into the width field. By default, media will play at 100% width. The height of the media file will automatically re-adjust if the width is changed to maintain aspect ratio. However if needed, a height value can be specified also.

Aspect ratio

By default, jwplayer plays media in 16:9 aspect ratio. If needed, an alternate aspect ratio can be entered here.

Force the player into audio only mode

Checking the audio only checkbox will restrict jwplayer to display only audio and not video.

Autoplay this video when it comes into the users view

Checking the autoplay checkbox will make the video start once it comes into view. This option only works with slider blocks.

Subtitles

When a .srt (closed caption file) is added to the media asset, the captions will be auto-filled into the Subtitles field. These can then be manually edited. The .srt file will be updated with any changes made to the subtitles here once changes have been saved.

Alternative text that is shown to people using accessibility tools

If a user is accessing your site with the help of accessibility tools such as a screen-reader and there are no subtitles added, the text in this field will be displayed.

Media file

The media file is the actual video or audio file for which the media asset is created. If replacing/updating the media file, ensure the name of the file is the same as the older version, otherwise a new media asset will be created.

Advanced

The Advanced menu provides upload options for high and low quality versions of the media file. These versions can be selected when playing the media asset from the front end.

Captions

Upload a .srt file to create captions for the media asset.

Still image that is shown before playback

By default, Glasshouse will create a still image from the first frame of the video to show before the media is played. A different image can be added here instead if desired.

How to add and edit media

Option 1: Creating a media asset via the Media tab

Start in the Media tab in the left-hand Navigation panel.

  1. Click the Add Media button.
  2. Add a name for the media asset into the Title field. This is for identifying the media asset when adding it into content, and won’t be visible from the front-end of the site.
  3. Navigate to the Media file section and select either From your computer or From files to upload the media file from. If uploading media directly from your computer, a folder will be automatically created in Files in a media folder
  4. Click Save or Save and close.

The other options within the Media asset window are covered further in the Options section below.

Option 2: Editing a media asset when media has been added via the Files tab

Navigate to the folder in Files to add the media file to.

  1. Click Upload button and select Choose file to upload, or drag the media file into the upload area.
  2. Navigate to the Media tab in the Navigation panel.
  3. A media asset will automatically be created whenever video or audio are uploaded to Files.
  4. Navigate to the Media tab to edit the Media asset.

Adding media to content

Depending on the page type, there may be a Media tab at the top of the page. For sequence pages, media will need to be added in a block.

  1. Start in the Media tab in the block.
  2. Click on the Where would you like to place the media? dropdown menu, and select either Above content or Below content as the placement option for the media asset.
  3. Click on the Media to display dropdown menu to select the media asset to add to the content.
  4. Click Save and publish.

The media asset can be directly edited after it has been selected by clicking the Edit the video data text.

Alternatively, the media asset can be created on the spot, by clicking the Add Media button. This will give the the same options for uploading the media file and editing the media asset options as can be accessed through the Media tab.

The media asset can be removed from the block by clicking on the Media to display dropdown menu and selecting the default text (Select media) rather than a media asset.

Creating a media playlist

When adding media to content, a playlist can be created from multiple media assets. Start in the Media tab of the block to add the media playlist to.

  1. Click the Add existing media button and click on first media asset for the playlist.
  2. The media asset will appear in the Current Play List listing preview.
  3. Click Add existing to add subsequent media assets to the playlist.
  4. Click Save and publish.

Media assets can be removed from the playlist by clicking the Unlink button on the right-hand side of the playlist listing preview.

Underneath the playlist area are fields for restricting the height or width of the media. These can be either percentage or pixel values.