Skip to main content

Search

Embedding and referencing videos in SPL (r9)

  • Updated

Version Notice: This article covers features debuted in our r9/IS Pro platform using the SPL editor.

The embed video widget or type: video question allows you to easily display a video in your survey.

Additionally, you can use the video popup tag on a set text widget to show the video multiple times throughout your survey.

Try it!

We're working on future updates to make uploading and hosting videos even better. For now, you can find more information about adding videos to your survey in the Media - Video hosting process article. If you need assistance, contact a Support agent by clicking "Submit request" at the top of this page, using the Help modal below, or email help@intellisurvey.com for more guidance.

Details

  • Only mp4 videos are supported at this time.
  • The embed video widget can be used as many times as needed as long as each video has a unique ID.
  • The embed video widget automatically shows the video precisely where it's programmed in your survey.
  • When the embed video widget or a type: video question is used, two variables are automatically created in the reporting field tree. 
    • ID_ERROR: If a video cannot be played due to an error, this field will display the number of times the error occurred for the respondent. 
    • ID_TIMES_PLAYED: This field counts and records the number of times the video was played for the respondent.

Examples

For the following examples, we suggest you apply the code below to your own survey testing area to comfortably practice and see the video playback process.

'embed video' widget

To add a video to your survey, include the embed video widget in the survey code with the video link tag. Provide a video name as the ID in the 'embed video' input and include the video's web link for the 'video link' input.

embed video: VIDEO1
video link: https://archive.org/download/mouse-test-animation-1080p-30fps-h-264-128kbit-aac/mouse%20test%20animation%20(1080p_30fps_H264-128kbit_AAC).mp4

'type: video' widget

As an alternative to using the embed video widget, videos can also be integrated into the survey using type: video. Create an ID and insert the question text to be displayed to the respondent, similar to programming a question with type: radio. Then, apply the video link tag and include the video's web link for the 'video link' input.

VIDEO2. Please click to play the video.
type: video
video link: https://archive.org/download/mouse-test-animation-1080p-30fps-h-264-128kbit-aac/mouse%20test%20animation%20(1080p_30fps_H264-128kbit_AAC).mp4

'video popup' tag and 'set text'

Once a video has been embedded, you can use a set text widget with the video popup tag to reference it throughout your survey. Use the video's ID as the video popup input. The set text can then be used throughout the survey as usual. When a respondent clicks on the text, the video appears in a "pop-up" window.

set text: VIDEOWATCH
text: <b>Click here to re-watch the video.</b>
video popup: VIDEO2

new page

__VIDEOWATCH__

Tip! The video popup tag is the equivalent of using the dialog and explain tags together. See the previous video hosting and playback methods for more information.

Tags

Below are tags that can be used with the embed video, type: video, and set text widgets to customize how the video is displayed. Note that the video link tag is required.

Additionally, tags applied to the embed video or type: video widgets affect only the first video appearance and do not carry forward to set text references of the same video.

Tag For use with Description

video link (alias link)

embed video, type: video

Required; uses a URL as the input and must end with 'mp4'.

show continue

embed video, type: video

Specifies the delay time (in seconds) before the continue button appears on screen.
text

embed video, set text

With embed video: Displays text on screen during video playback. By default, the text appears below the video.

With set text: This text is the "clickable" text that launches the video.

text placement

embed video, type: video

Modifies the location for the text defined at embed video or type: video. Acceptable inputs are: 'above', 'below' (default), 'left', 'only', and 'right'. 

video nojs

set text

Displays a custom message to the respondent if no JavaScript is found on their device.  

Additional examples

'embed video' with additional tags

In this example, we use the text placement tag to move the text "Watch this video" above the video instead of its default location below it. Additionally, the show continue tag delays the continue button for 20 seconds. While respondents wait for the button, they will see a message on the screen. 

Lastly, a customized message is added with the video nojs tag on the set text for anyone who may not have JavaScript installed or enabled on their browser. 

embed video: PRODUCT2
video link: https://archive.org/download/youtube-jLwrtx2UXi0/Homeworld_Gems_incomplete_test_animation-jLwrtx2UXi0.mp4
text: Watch this video.
text placement: above
show continue: 20

set text: PRODUCT2WATCH
text: <b>Click here to re-watch the video on Product 2.</b>
video popup: PRODUCT2
video nojs: JavaScript is needed to support the video popup.

new page

__PRODUCT2WATCH__

Related to

Related articles

Comments

0 comments

Please sign in to leave a comment.