Difference between revisions of "Insert video into question"

From Catglobe Wiki
Jump to: navigation, search
(v1.3)
(Tag: visualeditor)
Line 32: Line 32:
 
You put HTML code prepared at step 2 into question's HTML.
 
You put HTML code prepared at step 2 into question's HTML.
 
[[File:Put HTML code into question's HTML.png|none|thumb|1536x1536px]]
 
[[File:Put HTML code into question's HTML.png|none|thumb|1536x1536px]]
 +
 +
4. Grant Permissions:
 +
 +
You must create a dumy question before your question, replace "%resource Id%" by resource Id of attachment (in step 1) in below code, then put it into cgscript tab of question.<syntaxhighlight lang="c#" line="1">
 +
if(getRPQUserId() != empty)
 +
{
 +
  array permissions = { {getRPQUserId(), "Read"}};
 +
  updateUserPermission("%resource Id%", permissions);
 +
}
 +
</syntaxhighlight>
  
 
'''4. Save and test.'''
 
'''4. Save and test.'''

Revision as of 12:13, 18 June 2018

This page will guide you how to insert a video file (as attachment) into the question.

Please follow these steps:

1. Add an attachment and get the link of video file.

First, You need to add a attachment to Catglobe system via Attachment Tab of Questionnaire.

- Click "Add" button and choose your file, then you finish with "Save" button.

- Next, You go to "Tools/Projects and folders/Attachment" then search your attachment by searching function. You get link of attachment in "Link" Column of searching result.

You are done this step. Look at next step to see how to generate HTML code.

Add attachment in CG.png
Get link.png

2. Generate HTML code

With this step, You just need to copy below codes and replace "%Link%" by your link by your link.

1 <video controls="" autoplay="" width="300" height="200">
2 	<source type="video/ogg" src="%Link%" />
3 	<source type="video/mp4" src="%Link%" />
4 	<source type="video/webm" src="%Link%" />
5 	Your browser does not support the<video>element.</video>
6 </video>

3. Put into question's HTML

You put HTML code prepared at step 2 into question's HTML.

Put HTML code into question's HTML.png

4. Grant Permissions:

You must create a dumy question before your question, replace "%resource Id%" by resource Id of attachment (in step 1) in below code, then put it into cgscript tab of question.

1 if(getRPQUserId() != empty)
2 {
3   array permissions = { {getRPQUserId(), "Read"}};
4   updateUserPermission("%resource Id%", permissions);
5 }

4. Save and test.

Save you questionnaire editor by saving button and test your question in preview mode. End of document.