You can add multimedia content to web pages to support written content.

Using relevant videos, images and external content can help engage users on your website. 

UQ Standard websites support:

  • videos hosted on external sites, such as YouTube
  • Flickr image galleries and slideshows
  • iFrames for displaying external content.

Videos

Drupal can't host videos on its server, but it can display videos hosted externally on sites such as YouTube.

To add a video to your website, you'll need to upload it to your organisational unit's account on a supported site.

These sites include: 

  • YouTube
  • Vimeo
  • Flickr
  • Google Video
  • Instagram
  • TED
  • YouKu.

If you don’t have access to an account, contact your local marketing and communications team to see if one already exists or if you'll need to create a new one.

Inserting videos

Once uploaded, videos can be inserted by:

  • editors
  • site coordinators.

There's a few options for displaying a video. You can choose to link to it, embed it on a page or add it to a modal window.

To link to your video on a page, go to your WYSIWYG editor and:

  1. Select the link text.
  2. Click the link icon.
  3. From the window, select 'URL' from the 'Link type' drop-down menu.
  4. In the 'URL' field, enter the video's URL.
  5. Select 'OK' and then 'Save' to publish the page.

To embed your video on a page, go to your WYSIWYG editor and: 

  1. Click where you would like to insert the video.
  2. Enter the video tag[video:URL]. Replace URL with the embed url for the video (e.g. A YouTube video would look like[video:https://www.youtube.com/watch?v=RTHL6bhb_WA]).
  3. Select 'OK' and then 'Save' to publish the page.

Embedded videos are responsive and will display at 16:9 aspect ratio.

Flickr galleries and slideshows

You can embed Flickr galleries or slideshows on your web page.

A Flickr gallery is a gallery of images that your users can scroll through manually.

A Flickr slideshow is a slideshow of images that will automatically roll through each image.

Submit an IT request to have this feature enabled on your website.

Once enabled, Flickr galleries and slideshows can be inserted by:

  • editors
  • site coordinators.

Many modern browsers don’t have Flash automatically enabled, so you may need to activate Flash in your browser to see Flickr galleries and slideshows.

Accessing a Flickr account

To add a Flickr gallery or slideshow to your website, you'll need to upload images to an album in your organisational unit's Flickr account. Before uploading images, you'll need to optimise them for the web.

If you don’t have access to an account, contact your local marketing and communications team to see if one already exists or if you'll need to create a new one.

Inserting a Flickr gallery

To add a Flickr gallery to your page, go to your WYSIWYG editor and:

  1. Click where you would like to insert the gallery.
  2. Enter the tag [uq-widget:flickr-gallery account="account ID" set="set ID"].
    • Replace account ID with your Flickr account ID. Once you've logged in, you'll find this in the URL bar (e.g. For https://www.flickr.com/photos/156415532@N07/albums/72157694542505984 the account ID is 156415532@N07).
    • Replace set ID with the ID of the album you want to share. You'll also find this in the URL bar (e.g. For https://www.flickr.com/photos/156415532@N07/albums/72157694542505984 the set ID is 72157694542505984).
  3. Select 'OK' and then 'Save' to publish the page.

Inserting a Flickr slideshow

To add a Flickr slideshow to your page, go to your WYSIWYG editor and:

  1. Click where you would like to insert the slideshow.
  2. Enter the tag [uq-widget:flickr account="account name" album="album ID" title="title" image="image url"].
    • Replace account name with your Flickr account name (this is different to the account ID needed for Flickr galleries).
    • Replace album ID with the ID of the album you want to share. You'll find this in the URL bar (e.g. For https://www.flickr.com/photos/156415532@N07/albums/72157694542505984 the album ID is 72157694542505984).
    • Replace title with a title for the slideshow.
    • If you want an image to display while the slideshow loads, replace image with the URL for a placeholder image. This is optional.
  3. Select 'OK' and then 'Save' to publish the page.

iFrames

iFrames are containers used to display external website content on a web page.

iFrames can be inserted by:

  • editors
  • site coordinators.

To add an iFrame to your page, go to your WYSIWYG editor and:

  1. Click where you would like to iFrame.
  2. Select the   globe icon and complete the following fields:
    • URL: the exact web address of the website you want to display in the iFrame.
    • Width and height: the width and height of the iFrame as a percentage relative to the dimensions of the main column of content. You can input your own dimensions or leave this blank and let Drupal control the size.
    • Alignment: leave as <not set>.
    • Enable scrollbars: if you want users to be able to scroll through the iFramed content, tick the box.
    • Show frame border: if you want users to be able to see the iFrame outline, tick the box.
  3. Click 'OK'.
  4. The HTML code will appear in the editor. Select 'OK' and then 'Save' to publish the page.