Scroll

Embed a video in a questionnaire

Follow
Summary How to embed a video into a specific screen
Applies to Askia Design
Written for Survey Designers
Keywords video ; embed ; youtube ; design ; iframe ; html ; html5 ; mp4 ; webm ; ogg

Table of contents : 

  1. Embed videos from Youtube
  2. Embed videos from other online services
  3. Embed a locally hosted video file
  4. Embed a video via an ADC

Embed videos from Youtube

Based on Youtube's support article about how to retrieve the HTML code of a video

  1. From Youtube directly, retrieve the HTML code to embed the video
  2. In Design, navigate to the specific screen
  3. Open the screen's properties
  4. In the Contents tab, uncheck the Use default checkbox for the Before content section, so that the screen does not use the default template.
  5. Paste the HTML code into this box.

You can download the resulting questionnaire here

 

 Alternatively, you can start from step 3 and

     4. Create a label on the screen and paste the HTML code in that label.

 

You can download the resulting questionnaire here

 

Embed videos from other online services

Most other online services do provide embedding features, like Vimeo or Youtube. They are often located alongside the social media sharing features.

Example in Vimeo:

 Once you have retrieved the HTML code from the online video service, start from step 2.

 


 

Embed a locally hosted video file

This methods relies on HTML/HTML5 language and the guide is available from w3schools.com here.
Click here to download the attached example QEX.

ATTENTION: the above HTML method only supports MP4/WebM/OGG video formats. If you have an AVI or other video format, you'll need to convert the video to one of the previously mentioned formats first before the player can use it.

 

  1. Add your MP4/WebM/OGG video file into the Resources tab in the survey (Right-click, Insert Animation, and browse to your file)
  2. Create a label on the screen you would like to play the video on
  3. Insert the following code into the caption of that label:
    <video width="600" height="" controls>
    <source src="??ResPath??\oceans.mp4" type="video/mp4">
    </video>
    You should now see an HTML5 player, as shown below

 


 

https://support.askia.com/hc/en-us/articles/208642665-Video-mp4-

Have more questions? Submit a request

Comments