Follow

Guide To: Hosting & Adding Audio and Videos to Your Job or Instructions

Overview

Various data types (images, gifs, videos, or audio clips) have the additional benefit of saving you space within your job design and explaining processes more effectively than words. This article explains how to incorporate audio clips and videos into your instructions to easily explain complex tasks, procedures, or simply provide examples.

Embedding Audio Clips

  • You can add an audio clip to the Instructions or CML Code Editor, in the same way, using the following HTML tag: 
    • <audio controls="controls" style="width: 50%;" src="audio_url" type="audio/mp3"></audio>
    • Where src="audio_url" is your audio URL.
  • Similar to images and .gifs, audio clips can be inserted in any div and the width of how the audio clip appears in the job can be adjusted.
  • Please note that like images and .gifs, the audio clip must be hosted to embed in the job.
  • Please see an example below:
    • <audio controls="controls" style="width: 50%;" src="https://crowdflower-projects.s3.amazonaws.com/elam/nic/Winston+Churchill+Nazi+Speech-SoundBible.com-877765747-%5BAudioTrimmer.com%5D_2.mp3" type="audio/mp3"></audio>

Embedding Videos

  • To add a video in your job design or instructions Code Editor, you can add the following HTML tag:
    • <video width="320" height="240" controls="true">
        <source src="video_url" type="video/mp4"/>
        Your browser does not support the video tag.
      </video>
    • Where src="video_url" is your video URL.
  • Like other data types, a video must be in the form of a hosted URL to put in a job design or job instructions.
  • We recommend the video is in .mp4 format.
  • Similar to images and .gifs, videos can be inserted in any div and the width and/or height of how the video appears in the job can be adjusted.
  • Please see an example below:
    • <video width="320" height="240" controls="true">
      <source src="https://nnanni.s3-us-west-1.amazonaws.com/atl_data/trim_bat.mp4" type="video/mp4"/>
      Your browser does not support the video tag.
      </video>

Was this article helpful?
0 out of 0 found this helpful


Have more questions? Submit a request
Powered by Zendesk