An url will be detected as an video if it ends with .mp4, .webm, .ogv or .swf

<a href="video.mp4" class="bblb">Video</a>

To support multiple formats the videos have to be formatted as a json-array and set with the data-bblb-video-attribute.

<a href="video.mp4" class="bblb" data-bblb-videos='["video.mp4", "video.webm", "video.swf"]'>Video</a>

It is recommended to define the width (data-bblb-width) and height (data-bblb-height) of the video, as this can not be detected reliable. The specified width and height of the video will be used to set the maximum size. The size of the video is responsive so it will fit smaller screens. If no value is defined the lightbox will use its default values (width: 800px, height: 600px).

<a href="video.mp4" class="bblb" data-bblb-width="640" data-bblb-height="480">Video</a>

It is also possible to set the poster-image for the html5-video with the data-bblb-preview-attribute.

<a href="video.mp4" class="bblb" data-bblb-poster="poster.png" >Video</a>

The lightbox supports a flash-fallback for older browsers. The video has to be encoded as a swf-file. We recommend to use ffmpeg for encoding.