Videobox

Package Description

Box display

Box display is a great way to insert videos without sacrificing a lot of space for the player. That way it makes your articles straight to the point without unnecessary distractions while keeping the videos right where they belong to. Rather than the huge full-size video player taking up space and distracting the reader, the box display only shows a small video thumbnail with an optional title. When user clicks the thumbnail, the video opens in a lightbox player, or in an inline player. The box element itself behaves just like the photos in your article - you can set it to float to the left or to the right, centre it with margin: 0 auto; or apply any other CSS styling to it.

Link display

Box display is great, however it's not ideal when the video is just an irrelevant reference or a note, or when the video itself isn't directly related to the topic. In this case even a small box thumbnail would be irrelevant and distracting for the reader. An ordinary link to the video seems good enough, but when users click it they leave your website. Videobox link display solves that problem - you can still keep the reference, but instead of redirecting users to an external page the link will open a lightbox player directly on your website.

Gallery display

In a way, the gallery display is the exact opposite of the box and the link display. It's designed to display a lot of videos in an organised manner, featuring a responsive grid and a built-in pagination. That way you can insert all of your videos at once and let users browse through them quickly. Alternatively a gallery can be displayed as a slider, showing only a few thumbnails at a time.

Usage/Installation Instructions

Basic usage

[[Videobox &videos=`video`]] (video can be either a video string or name of a chunk)

Input format

Videobox video string syntax supports single or multiple videos, start & end time, and a custom video title (example below). For a detailed explanation check out the Getting started guide. 

m--HWCQq5Ew#0:30-1:50|Alestorm ft. Lady Gaga - Magnetic Telephone|, cTtka7r62V8|Soilwork - The Ride Majestic|, mIegk9Ukx4k|Kontrust - Just Propaganda|, FANEejDEvCA|Justin Hayward - The Story In Your Eyes|, 4auH5kwmd_Y|Kataklysm - The Black Sheep