Best jquery plugins for Full page Video and image

h1>Vide

Vide is a latest jQuery plugin that provides easy solution for video backgrounds.

vide-jquery-plugin-1

OKVideo

OKVideo is a jQuery plugin that allows for YouTube or Vimeo videos to be used as full-screen backgrounds on webpages. OKVideo aims to be customizable while making some basic decisions about how the plugin should control video. When using OKVideo, all videos will be served from Vimeo or YouTube based on a number of variables like browser, device, bandwidth, etc.

OKFocus-Video

Wallpaper

A jQuery plugin for smooth-scaling image and video backgrounds.

wallpaper-jquery-2

CoverVid

Make your HTML5 video behave like a background cover image with a simple jQuery extension.

covervid

BigVideo.JS

This plugin makes it easy to add fit-to-fill background video to websites. It can play silent ambient background video (or series of videos). Or use it as a player to show video playlist. BigVideo.js can also show big background images, which is nice to have for showing big background images for devices that don’t have autoplay for ambient video.

bigvideojs-4

SimpleVid

SimpleVid is a free and easy way to host and embed your own fluid videos. It uses flash to for browsers that don’t support h.264, so you can encode once as a baseline h.264 mp4 and play anywhere.

simplevid-5

OKFOCUS

OKFocus video is a jQuery plugin that turns videos on YouTube or Vimeo into beautiful full-screen backgrounds.

okfocus-6

jQuery plugin: Fullscreen Background

If you’re a webdeveloper or designer I am pretty sure you’ve run into the problem of people wanting to have “fullscreen content” or just background images that will stretch in the most optimal way to the users screen.

fullscreen-background-7

Backstretch

A simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element.

backstretch-8

Motio

Motio is a small JavaScript library for simple but powerful sprite based animations and panning.

motio-9

Leave a Reply

Your email address will not be published. Required fields are marked *