Skip to content
master
Switch branches/tags
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 
 
 

Buckplayer

Buckplayer is a modern HTML5 video player.

Buckplayer is in development and still unstable

Features:

  • HTML5, Javascript (ES6 written) and CSS (as LESS written)
  • No flash
  • Fully customizable
  • Multiple sources possible: 420p, 720p, 1080p etc (autodetect)
  • Possible sources:
    • .webm, .mp4, .ogv or .ogg
  • Custom logo
  • Many options
  • API to use (.play(), .pause()) and callback functions as onPlay, onPause, onEnd, onPlaying

Example

let playerConfig = {
    title: "Geat video",
    description: "Description",
    
    autoplay: true,
    volume: 100,
    width: '720',
    height: '350',
    
    fullscreen: true, // Enable full screen
    preload: true, // Preload the full video
    
    hideControls: 2500, // milliseconds or false
    
    src: {
        720: "/video.mp4", // Chrome
        720: "/video.webm", // Other browsers
        1080: "/video_hd.mp4",
        1080: "/video_hd.webm"
    },
    
    url: 'https://www.buckplayer.com/',
    logo: 'https://www.buckplayer.com/images/logo.png',
    videoUrl: 'https://www.buckplayer.com/demovideo'
};

let player = document.querySelector(".video").buckplayer(playerConfig);

Initialize player

Default:

let player = document.querySelector(".buckplayer").buckplayer(playerConfig);

jQuery:

$(".buckplayer").buckplayer(playerConfig);

API callbacks

let playerConfig = {
    onPlay: function() {
        console.log("Started!");
    },

    onPause: function() {
        console.log("Paused!");
    },

    onEnd: function() {
        console.log("Ended!"); // Show download popup
    }
};

About

Buckplayer is a HTML5 video player

Resources

License

Releases

No releases published

Packages

No packages published