Video's are attention grabbing, more memorable, and convey visual cues like body language, tone of voice and eye contact - all of which can create more engaging content and relay information to your visitors in a way that makes you stand out from the crowd.
If your organisation has a YouTube or Vimeo channel, this module is a great option!
-
Navigate to a document, and select 'Design' for the version you wish to work on.
-
Select the ‘Interactivity’ tab at the top of the page.
-
Select the ‘Media’ module type from the ‘Add Interactivity' palette (found to the right of the page).
-
Select the ‘Play YouTube/Vimeo video in pop-up’ option.
-
Click and drag out the area to add to your page - this is the clickable area that the visitor will select to view the video in a pop-up box.
-
Paste the URL for the video into the 'YouTube/Vimeo' video link field.
YouTube/Vimeo videos cannot be embedded on a page.
Settings
Click on a module already placed on your page to activate the Settings palette. This allows you to configure options like video controls, module description, and pop-up style.
Name
The 'Name' field is set by default, but it's important to update it to something unique that reflects the interactivity - for example, 'Company Introduction Video' as it will be shown in the Analytics of you document.
Descriptive names make it easier to identify the interactivity in your document, which is particularly helpful if you're using lots of the same module type.
Interactivity ID
Copy this token and paste it into the 'Activate Interactivity' menu item type to activate the module directly from a menu.
Description
The text entered here will display when a user hovers their cursor over a module. It is also read out by a screen reader when a document is viewed in accessible mode.
Auto Play
Select the 'Auto Play' checkbox to automatically play the video once the clickable area has been selected.
Focus Outline Colour
This option can be used if Accessibility has been enabled for your document, and sets the colour of the outline that displays around the piece of interactivity being viewed.
Border Colour
A border adds a keyline around the video pop-up box, and can be used as a way to draw attention to your content. Use this field to specify the colour of the border.
Border Size
Use the 'Border Size' field to specify the width of the border around the video pop-up box. Enter a numerical value to set the border width - the higher the value, the thicker the border.
Back Colour
The 'Back Colour' field allows you to set the background colour of the box that the video is displayed in - select from the colour picker, enter a HEX code, or choose from your brand colours. Think about the choice of colour - it can reflect your brand personality, as well as evoke emotions or draw attention to content.
Margin Size
Margins create breathing space by adding a clear separation between the video and the pop-up box that it is displayed in. Enter a numerical value to set the margin size - the higher the value, the larger the margin.
Max Width & Max Height
Adjust the width and height of the pop-up box that the video will be displayed in. The size is measured in pts and should be the same ratio as your video file.
Disable Close
This option can be selected if you want to prevent the visitor from closing the video pop-up box. Be mindful when using this option, to ensure they don't get stuck or unable to progress in your document.
Position X & Y
Adjust the position of the clickable area. 'X' sets the position of the left edge and 'Y' sets the top edge.
Width & Height
Adjust the width and height of the clickable area. The size is measured in pts.
Link to Panel
Link the module to a Panel in your document. Once linked, the module will move with the Panel if it is repositioned or resized.