iFrame Video

The ThemeKit Video iFrame widget has a two column grid layout wuth adjustable relative column widths.Below the breakpint the text area can appear above ir below the video.

Video Player

The player has …

• Full screen & web share options
• Video Type: Daily Motion, Vimeo or YouTube
• Mied on page load
• Modal option

Container

The grid is enclosed in a container with controls for adding a border and/or bottom box shadow and has the wrapper option for adding spacing and a solid or two color grafient background.

Video Modals

Inserting video offscreen on load has a number of advantages. If the video is lazy loaded it will not download until the visitor actually plays it. This allows for much faster page download time in the browser.
The best way to keep a visitor on a webpage is to engage then with interactive content. When they click or tap to reveal an item it gives them a sense of discovery.
Using offscreen on load content keeps the amount of scrolling to a minimum for the benefit of small mobile device users.

Modal Widgets

The modals are launched from a bar with a video icon and a text label.
The ThemeKit Video Modal widgets have …

• Optional video title
• Laxy loading function
• Option for a border and/or a bottom box shadow
• Overlay background has an opacity slider
• Close tab at the top right
• Closes by clicking/tapping the close tab or the overlay.

Video MP4

The video is inserted in two sizes for computer and smaller mobile devices. The video is in an HTML5 <figure>.
It is lazy loaded and the optional video title is in the <figcaption> element.

Vimeo & YouTube

The widget only requires the Vimeo or YouTube ID. If the video has an aspect ratio or than 16:9 the video files' width and height can be inserted in the widget settings.
The video file is lazy loaded. This is ESSENTIAL for hosted video like Vimeo and YouTube for fast page download time in the browser.