How to Add Scroll Bar and Add Video in Your JQuiz Hot Potatoes

Now, I would to tell you about how to adding scroll bar in your text in JQuiz. Sometimes we want to read the text easily without scrolling down the question too. So, I give you the tutorial video about adding the scroll bar beside your text in JQuiz. This is it:

This is the code to paste in your HTML:
/* MDH_Custom: added two lines to make reading text scroll independently. */
overflow: auto;
  height: 15em;
/* MDH_Custom: end customized code.*/

Note: The text should be more than 2 or 3 paragraphs. If it's only one paragraph, the code will not work.

Sometimes when we are bored just adding text in the quiz, we can add video instead of adding text. Here is the tutorial in adding the video into JQuiz.

This is the code:
 <center><video controls="controls"  width="320" height="240">
   <source src="Click_Here.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
   <source src="webm-video-file.webm" type='video/webm; codecs="vp8.0, vorbis"'/>
    No HTML5 video playback capabilities. No Flash fallback either!
</video><center>

Note: Don't forget to change the 'Click_Here.mp4' into your video file name. Make sure that your video file is in the same folder as the JQuiz save file to make it work when you insert the code.

Thanks for reading and watching.

English Education Department Undiksha

3rd Semester