Level 0 XML Full-Screen Video Demo (htmlVideoLoader)

Using XMLHttpRequest() to configure entire ToolBook pages.

Level 0 XML Full-Screen Video Demo (htmlVideoLoader)

Postby Clifton » Wed Oct 12, 2016 1:37 am

Purpose: Create a true FULL-SCREEN video element using the XML <make> tag.
Requires any version of ToolBook and PowerPac v13.018 or greater.
HOW TO DO IT:
  1. Create the following XML file using a text editor and name it "video.xml". We prefer the freely available and very capable program SynWrite for our XML file creation.
  2. Create a single page ToolBook file with a field called "videoAnchor" which is sized for our video. This will only be used as our bounds object when the level 0 XML object is created when the XML file above is loaded. Also create at least one other field and name it "Result" as this will display the user event activity when our video is running. (NOTE: object names must be case-sensitive for this to work properly.)
    Image 2.png
    ToolBook demo page
    Image 2.png (43.24 KiB) Viewed 4370 times
  3. Flag the "video.xml" file and the video "toxic_man.mp4" for inclusion in the [media] folder of your exported demo page.
    Image 4.png
    DHTML Export Utility to flag files
    Image 4.png (82.52 KiB) Viewed 4370 times
  4. (optional) Create a global variable called "xmlFile" and initialize it as an array.
  5. Create the following on load page action to load the XML file.
    Image 3.png
    ON LOAD PAGE Actions
    Image 3.png (14.63 KiB) Viewed 4370 times
  6. Export your demo page ... turn ON the PowerPac web server (needed for non-Firefox browser support of XML files) ... video will load in the top level OUTSIDE the ToolBook page frame ... clicking the fullscreen icon in the playbar will give true FULL SCREEN video playback ... "Result" field will display the user events that are sent to the level 0 element during playback ... (examine the XML file for additional details showing how this was set up and works; we have fully commented the various sections to make this more self-explanatory).
  7. Feel free to post your comments and questions on this post.
Download working example w/toxic_man.mp4: (ToolBook v11.5)
https://powerpac.pgsoftwaretools.com/assessments/full-screen-video/full-screen-demo.zip
    NOTE: If you do not have ToolBook v11.5, just follow the creation instructions in this post.
Clifton
Site Admin
 
Posts: 732
Joined: Tue Jan 14, 2014 1:04 am

Return to XML Configurations – Plugin Examples

Who is online

Users browsing this forum: No registered users and 2 guests

cron