mp4 webm youtube link

jQuery Plugin

jQuery 1.x, jQuery 2.x
Quick Setup
1. Link the jQuery library, the player css file and the player javascript file
2. Create and put HTML markup to the destination HTML file

Buy Plugin

Included: 6 months support and free future updates

Special Offer *

jQuery Clean HTML Video Player with Playlist Documentation

STEP 1. Link player files

Link the jQuery library, the player css file and the player javascript file in head of html page

Example:


    
    
    


STEP 2. Create HTML markup

Create HTML markup with the example code listed below and put to the destination HTML file

Example:

Plugin Parameters

For UL (Player Parameters):

Parameter Type Default Description
data-theme string "default" Could be "default" or "dark"
data-disable-controls string "false" If "true" then the player will not have prev, next, repeat and shuffle buttons
data-autoplay string "false" Enable this feature for auto play
data-playlist-height string - Set to "100px" for setting up playlist height to 100px with scroll if playlist height more than the specified value

For LI (Video Parameters):

Parameter Type Default Description
data-title string - Track title
data-artist string - Track artist
data-type string - Should be "m4v" for h.264/mp4, "webmv" for webm and "youtube" for youtube depending on the file format
data-url string - Track URL
data-poster string - Track poster
data-free string "false" If "true" make the media easily available to download via a right-click

Full Featured Example:

Alternative js initialization

Parameters:

Parameter Type Default Description
theme string "default" Could be "default" or "dark"
disableControls boolean false If "true" then the player will not have prev, next, repeat and shuffle buttons
autoplay boolean false Enable this feature for auto play
playlistHeight string false Set to "100px" for setting up playlist height to 100px with scroll if playlist height more than the specified value
playlist array
playlist: [
{
    title: '...',
    artist: '...',
    m4v: '...',
    poster: '...',
    free: true
},
...
]

Video parameters. Url key should be "m4v" for h.264/mp4, "webmv" for webm and "youtube" for youtube depending on the file format. Option "free: true" make the media easily available to download via a right-click

Full Featured Example:

$(function(){
    $('.some-player-selector').cleanvideoplayer({
        theme: 'default',
        disableControls: false,
        autoplay: false,
        playlistHeight: false,
        playlist: [
            {
                title: '...',
                artist: '...',
                youtube: '...'
            },
            {
                title: '...',
                artist: '...',
                m4v: '...',
                free: true
            }
        ]
    });
});

Clean HTML Player Bundle

Includes jQuery and WordPress Clean HTML Audio Player
and Clean HTML Video Player Plugin
Clean HTML Audio Player Clean HTML
Audio Player
+
Clean HTML Video Player Clean HTML
Video Player
Buy only for $27