Responsive HTML5 Video Player & Gallery | HTML5 Media Plugin

This is Responsive HTML 5 Video Player with/without gallery. You can use player without gallery with only one video, or you can build your own gallery with thumbnails, titles and descriptions. Number of videos is unlimited. Player look is customisable via CSS, so you can easily customize colors and adjust it to your needs. Player is resizeable so it fits perfectly in every website design.

LIVE PREVIEW AND DOWNLOAD

Features

• easy setup
• responsive
• optional gallery
• multiple themes included
• click & drag (touch) to control gallery
• mobile friendly (iPhone, iPad, android)
• 100% vector icons, retina-ready
• all browsers compatible
• multiple instances: you can insert more players in same page
• optional logo: you can add your logo as image (.jpg, .png). Logo position can be in bottom-left corner, bottom-right ot top-right corner.
• optional preview image: if you want your player to be paused when page loads, you can set preview image
• autohide controls: you can choose after how much seconds player controls will disappear
• hide / show gallery with playlist button (with this functionality you can “stretch” player over gallery to have better view for video, as well as “shrink” player to see gallery menu again to choose videos)
• autoplay: on/off
• complete volume control
• optional share menu: facebook, twitter, myspace, wordpress, linkedin, flickr, blogger, delicious, mail
• optional embed code: for visitors to embed your player in their sites
• information window with HTML formatted text (it means you can insert links, change fonts, sizes with standard HTML tags)
• rewind
• tooltip for time
• tooltip for volume percentage
• fullscreen support (when not supported real fullscreen it switches to full browser support)
• double click to enter/exit fullscreen
• SPACE key play/pause
• ESCAPE key to exit fullscreen
• installation instructions included

Posted by Editorial Team on 06:27 in HTML5, HTML5 Media Plugin, Images and media

HTML5 Video Gallery with Live Playlist | HTML5 Media Plugin

HTML5 Video Gallery with a cool ‘Live playlist’ feature could be used as video gallery, video player or any kind of video showcase.

New layout includes Thumbnail Wall with optional Lightbox!

LIVE PREVIEW AND DOWNLOAD

Options:

• HTML5 video with flash fallback for older browsers
• Supports videos hosted on Amazon S3
• Youtube support (video id, playlist id)
• Optional automatically generated video thumbnails and description for Youtube
• You can use your own thumbnails and video info for youtube as well.
• Optional deeplinking with jquery address
• Thumbnail position bottom / right / grid layout / wall layout ( new! )
• Playlist scroll buttons or jScrollPane
• Customizable grid playlist (number of rows, numer of columns, spacing.. etc)
• Wall layout features ( new! )
• Customizable wall layout into line, grid…etc (style wall thumbnails with your own css into anything you want)
• Optional Prettyphoto attached to videos
• Optional links attached to videos
• Empty video click actions (run your own actions on video click)
• Callback returns selected video number
• ‘Live preview’ feature is optional (automatically play video on playlist item rollover).
• Playlist supports simple image thumbnails instead
• Optional video autoplay
• Optional random play
• Optional video looping
• Optional auto advance to next video
• Optional auto hide controls
• Optional description
• Optional auto open description
• Optional player logo with link
• Set video volume
• Load new playlist on runtime with public functions
• Real html5 fullscreen (in supported browsers)
• Public methods available
• Play media
• Pause media
• Next media
• Previous media
• Load media or playlist
• Destroy media
• Toggle playlist (grid layout)
• Toggle description
• Set volume
• Callbacks
• Component setup done
• Playlist end
• Item triggered (number returned), very usefull for wall layout!

Posted by Editorial Team on 06:16 in HTML5, HTML5 Media Plugin, Images and media

HTML5 Video Player with Playlist & Multiple Skins | HTML5 Media Plugin

This HTML5 video player comes in two versions: Right Side playlist and Bottom Playlist.
It plays .MP4 and .WEBM video files

LIVE PREVIEW AND DOWNLOAD

FEATURES:

MULTIPLE SKINS INCLUDED
You can choose from 5 skins for each player. To choose the skin just set “skin” parameter.
Ex: skin: universalBlack

MULTIPLE INSTANCES
You can insert the player multiple times in the same page with the same skin or using a different skin.

FULLSCREEN
It supports full screen, having all the controllers usable in full screen mode, including playlist.

AUTOHIDE FOR CONTROLLERS
The controllers will auto hide on mouse out, showing the entire movie

PREVIEW IMAGE
A preview image can be defined for each movie

PLAYLIST IMAGE
A playlist image can be defined for each movie

VOLUME CONTROL
You have a complete sound control. You can also set the initial volume

DESCRIPTION FOR VIDEO
You can set a Title and Description for the video. Supports HTML & CSS formated text.

CLICK LISTENER
You can also click on the video to play/pause the video.

MULTIPLE PARAMETERS AVAILABLE:
- width
- height
- playlist width
- border width & color
- autoplay
- loop
- volume
... and more

LIGHTWEIGHT
The JS has around 38KB

EASY IMPLEMENTATION
The setup takes up to 60s.

HELP FILE
A complete help file is included

Posted by Editorial Team on 06:05 in HTML5, HTML5 Media Plugin, Images and media

HTML5 Responsive Video Player & Advertising | HTML5 Media Plugin

This is HTML 5 Video Player with/without advertisement system. You can use player to play advertisement video before your main video, and also you can have popup advertisement at any time wou want during playback. Advertisement can be removed. Player look is customisable via CSS, so you can easily customise colors and adjust it to your needs. Player si resizeable so it fits perfectly in every website design.

LIVE PREVIEW AND DOWNLOAD

Features

• easy setup
• responsive
• optional advertising (video & popup)
• multiple themes
• mobile friendly (iPhone, iPad, android)
• all browsers compatible
• 100% vector icons, retina-ready
• multiple instances: you can insert more players in same page
• optional logo: you can insert your logo as image (.jpg, .png). Logo position can be in bottom-left corner / bottom-right corner / top-right corner
• optional preview image: if you want your player to be paused when page loads, you can set preview image
• autohide controls: you can choose after how much seconds player controls will disappear
• autoplay: on/off
• complete volume control
• optional share menu: facebook, twitter, myspace, wordpress, linkedin, flickr, blogger, delicious, mail
• optional embed code: for visitors to embed your player in their sites
• info window with HTML formatted text (it means you can insert links, change fonts, sizes with standard HTML tags)
• rewind
• tooltip for time
• tooltip for volume percentage
• fullscreen support (when not supported real fullscreen it switches to full browser support)
• double click to enter/exit fullscreen
• SPACE key play/pause
• ESCAPE key to exit fullscreen
• installation instructions included

Posted by Editorial Team on 03:26 in HTML5, HTML5 Media Plugin, Images and media

Responsive Video Gallery HTML5 Youtube Vimeo | HTML5 Media Plugin

Player supports HTML5 and Flash video backup, Youtube and Vimeo with multiple layout configurations.
Optional deeplinking with jquery address for improved SEO.
All demo examples included in the download package for easy setup.

LIVE PREVIEW AND DOWNLOAD

Options:

• 100% size and fixed layouts
• Supports HTML5 and Flash video backup, Youtube and Vimeo
• Supports videos hosted on Amazon S3
• Optional deeplinking with jquery address
• Thumb orientation: vertical / horizontal
• Playlist position: right / bottom
• Optional automatically generated thumbnails for Youtube and Vimeo (you can use your own instead)
• Optional automatically generated video info for youtube and Vimeo (video title / description in playlist), (you can use your own instead)
• Vimeo supports:
• Single videos
• User videos
• Group videos
• Channel videos
• Album videos
• Youtube supports:
• Single videos
• Youtube playlists
• Youtube user favourites
• Youtube user uploads
• Youtube video query
• Youtube playlist query
• Youtube standard feeds
• Mix together videos to create any kind of playlist
• Playlist scroll is jScrollPane
• Specify starting playlist and starting video
• Load new playlist on runtime using public API
• Optional autoplay
• Optional loop
• Optional random play
• Optional auto advance to next video
• Public methods available
• Play media
• Pause media
• Next media
• Previous media
• Load media or playlist
• Destroy media
• Set volume
• Get video description
• Callbacks available
• Component setup done

Posted by Editorial Team on 03:11 in HTML5, HTML5 Media Plugin, HTML5 Plugin

HTML5 Audio Player with Playlist | HTML5 Media Plugin

A simple and powerfull HTML5 music player for your website with flash backup for older browsers.
Restyle the whole player with basic CSS!
All demo examples included in the download package for easy setup, plus example with multiple instances included as well, each one with its own api methods side by side.

LIVE PREVIEW AND DOWNLOAD

Note:
Volume cannot be adjusted with javascript on mobile IOS. This is a restriction from Apple. You need to adjust the volume with physical button the actual phone.

Options:

• FLASH fallback included for older browsers that dont support HTML5 audio.
• Play Podcasts
• Play SoundCloud (track set, user tracks, single track, user favorites).
• Auto create playlist from folder
• Playlist options available
• HTML markup
• Auto create playlist from folder(s)
• XML playlist
• Podcasts
• SoundCloud
• Hidden playlist (just pass audio url)
• Load any type of playlist through xml or html markup
• Mix multiple playlist types together into single playlist
• Restyle the player completely with the most basic of CSS
• Optional autoplay
• Random play on/off.
• Looping on/off.
• Load new playlist(s) at runtime with public API.
• Include multiple instances on the same page (example included in a download package, each one with its own api methods side by side!).
• Multiple instances automatically pause/stop playback when new instance is started.
• Playlist scroll is jScrollPane and its optional (can be turned off in settings).
• Public methods available
• Play current media
• Pause current media
• Toggle current media
• Stop current media
• Play next
• Play previous
• Play media (by number or title)
• Toggle shuffle
• Toggle loop
• Set volume (value)
• Load playlist (from folder, from html, from xml, Podcast, SoundCloud)
• Add track(s) to current playlist
• Remove track from current playlist
• Play audio(s) without creating playlist; just pass url(s)
• Destroy audio
• Destroy playlist
• Set title
• Output playlist data in format: {id, type, title, mp3 path, ogg path}
• Get Setup Done
• get Playlist Transition
• Get Playlist Loaded
• Get Media Playing
• Callbacks
• audio Player Setup Done (returns player instance sound id)
• audio Player Playlist Loaded (returns player instance sound id)
• audio Player Sound End (returns active counter)
• audio Player Sound Start (returns active counter)
• audio Player Playlist End (returns player instance sound id)
• audio Player Sound Play (returns player instance sound id)
• audio Player Sound Pause (returns player instance sound id)
• Playlist Item Triggered (returns active counter)
• playlist Item Enabled (returns playlist item)
• playlist Item Disabled (returns playlist item)

Posted by Editorial Team on 06:46 in HTML5, HTML5 Media Plugin, HTML5 Plugin