Xerte Community Documentation

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
====== Interactive Video > Overlay Panel > New Text Content ======

This item allows you to add some text (and other content such as images or tables) in the Overlay panel, and synch this with the video that displays in the Media panel.

===== Example demo =====

{{url>https://xot.xerte.org.uk/xapi_launch.php?template_id=116&group=xertepagetypes#interactivevideo}}

or view at [[https://xot.xerte.org.uk/xapi_launch.php?template_id=116&group=xertepagetypes#interactivevideo| Xerte Page Types > Interactivity: Interactive Video]] (opens in new tab).

==== Interactive Video > New Text Content: Core properties ====

^ Property ^ Description ^ Type ^ Additional information ^
| Title | A title which displays in bold above the text (see below) | Text |   |
| Choose location | Use the Hotspot Editor to indicate where on the Video Panel you want the pop-up to appear. | Hotspot Editor | The Video Panel is represented by a blank rectangle, but you draw the position of the overlay, and reposition or resize it as appropriate |
| Text | Text to be synched with the video  | Text+ (Toolbar) | %%Other content (e.g. images, audio, video) can be embedded here.%%  |
| Synch Point | The point in the  video (in seconds) when you want this text to start displaying.  | Number  |   |
| Pause Media | Pauses the  video until the learner starts it again  | Tick box |   |

==== Interactive Video > New Text Content: Optional Properties ====

^ Property ^ Description ^ Type ^ Additional information ^
| Optional Event | This adds an extra stage in the process. When the video arrive at the synch point, it pauses and an icon appears in the place where you positioned the hotspot. When you click on the icon the pop-up appears.  | Tick box  |   |
| Optional Event: Hotspot  | Choose what you want to include with the icon {Icon and Tooltip/**Icon and Label/**Icon only}.  | Drop-down  |   |
| Optional Event: Icon  | Use the icon picker to choose a suitable icon design.  | Icon picker  |   |
| Optional Event: Background Colour  | Choose the background colour for the icon.  | Colour picker  |   |
| Optional Event: Icon Colour  | Choose the icon colour.  | Colour picker  |   |
| Optional Event: Size  | Choose the size of the icon.  | Number  | Default - "7"  |
| Synch Point: End | Sets a point (in seconds) at which the new text disappears. | Number |   |