Video Tile

Follow

A Video Tile allows you to place a video on a microapp page. You can either add a video asset or specify the URL of a video on YouTube or Vimeo. 

Navigate to the desired page of your microapp in the Microapp Builder. Drag a Video TileVideo_Tile_Icon.jpg ) from the tile panel to the desired location on the page, where you can resize it to your specifications or needs.  For more information about assets, see Adding Assets to your Microapp

Do one of the following:

  • Drag your video asset (.mp4, .mov, etc.) from the Assets panel to the Video Tile on the page or the outline section of your Video toolbar. 
  • Copy the URL of the desired video in YouTube or Vimeo and paste it in the URL field of the Video toolbar. Please ensure that your URL begins with https://

Note: To confirm that you have specified the correct asset or url, click the Preview button. 

Video Settings

The Video settings allows you to configure the following options for your video. 

Screen_Shot_2022-03-02_at_3.53.14_PM.png

Alter your video

You can change how your video is displayed in the Video settings. 

Fill

The video is positioned so it fills the entire Video Tile, even if the entire video is not displayed. Fill is selected by default.

Fit

The video is sized so that all of the image can be seen in the Video Tile, even if that creates a lot of whitespace.

Specifying video options
You can specify the following options for your video:

Loop

Specify whether you want the video to start again when it is finished playing.

  • Select the check box to repeat the video when it ends.
  • Clear the check box to stop the video when it ends.

Autoplay

Specify whether you want the video to automatically play when the viewer opens the page.

  • Select the check box to play the video automatically. (default)
  • Clear the check box to not play the video automatically.

Sound on

Specify whether you want to allow the viewer to listen to the audio for the video.

  • Select the check box to silence the video. (default)
  • Clear the check box to allow the viewer to enable audio when viewing.

Note: To accommodate web browser requirements, you cannot configure your video to automatically play audio. The user must manually enable audio. 

First frame

Specify whether you want the video to end on the first frame, which would display an image of the first video frame.

Last frame

Specify whether you want the video to end on the last frame, which would display an image of the last video frame.
Specify user actions
You can specify if you want the viewers to be able to interact with the video when they access the page. Click the Actions dropdown list, and select the desired action.

Do Nothing

When selected, the viewer cannot interact with the video in the Video Tile.

Play/Pause

When selected, the viewer can click the Video Tile to play the video, and then click it a second time to pause the video. This option is selected by default.

Fullscreen

When selected, the viewer can click the Video Tile to enlarge the video so that it is as large as the microapp page. When finished viewing the video in full screen, they click the X icon in the upper left corner to return to standard view. 

Show controls

When selected, the viewer can user the video controls to play/pause, go fullscreen, fast forward or rewind, and control the volume.

Make your video tile accessible

You can add a Title to for your video so that users leveraging screen readers can hear a description of the video.

Create a completion event

You can configure the Video Tile as a completion event, so that when the video is played, Tiled records it as a completion event for the microapp. To set the Video Tile as a completion event, move the Completion slider to the right. 

Delete a Video Tile

To delete a Video Tile, ensure that the tile is selected and press the DELETE key. 

Note: Once a video is placed in a Video Tile, you cannot remove it from the tile, leaving it empty. 

Note:  While Tiled does not natively support audio, if you want to include an audio file in your microapp, you can do so by converting your audio file to a movie format and utilizing the Video Tile as detailed above.

Videos that are uploaded to Tiled can be configured to show controls. This way viewers can dictate their experience with the video without missing a thing. 

To learn more about how to add a video to a video tile click here
To learn more about compressing the size of your video click here

Note: You must be an Admin/Editor to configure the video player for uploaded videos

1. Go to the builder 

2. Add a video tile to the canvas

Screen_Shot_2021-08-30_at_1.12.26_PM.png

3. Select and drag a video that has been uploaded to the asset panel (asset or libraries tab) to the video tile

Screen_Shot_2021-08-30_at_1.14.47_PM.png

4. Select 'Show Controls' from the video tile flyout 'Action' dropdown

Screen_Shot_2021-08-30_at_1.08.41_PM.png

5. Preview/View your microapp

Screen_Shot_2021-08-30_at_1.37.02_PM.png

Note: The viewer will now see video controls for the video. The viewer will be able to play/pause, rewind or fast forward as they please. 

Note: These controls will only appear when viewing the the microapp on desktop or mobile browser. The native app will continue to work as it does today with its own controls.

 

1 out of 1 found this helpful

Comments

0 comments

Please sign in to leave a comment.