November Papa Mike

    videojs-vjsdownload

    1.0.4 • Public • Published

    videojs-vjsdownload

    Adds a button to download the video inside the player

    Demo

    https://7ds7.github.io/videojs-vjsdownload/

    or

    https://codepen.io/binaryunit/pen/BMpegv

    Usage

    Include the plugin files

    • videojs-vjsdownload.js
    • videojs-vjsdownload.css

    also available trough bower install videojs-vjsdownload or npm install videojs-vjsdownload

    var player = videojs(document.querySelector('.video-js'), {
      plugins: {
        vjsdownload:{
          beforeElement: 'playbackRateMenuButton',
          textControl: 'Download video',
          name: 'downloadButton',
          downloadURL: 'https://video_url.mp4' //optional if you need a different download url than the source
        }
      }
    } , function() {
      console.log('Callback video-js initiated');
      this.on('downloadvideo', function(){
        console.log('downloadvideo triggered');
      });
    });
    

    Options

    • beforeElement: name of the player.controlBar component for the button to be attached before
    • default: fullscreenMenuToggle
    • textControl: String for the controlText
    • default: 'Download Video'
    • name: name of the DownloadButton component
    • default: 'downloadButton'

    Style

    By default the download icon is the play button icon rotated 90deg with some suggar on top, to include a custom icon please refer to videojs-vjsdownload.css file

    Install

    npm i videojs-vjsdownload

    DownloadsWeekly Downloads

    11,570

    Version

    1.0.4

    License

    Apache-2.0

    Unpacked Size

    41.5 kB

    Total Files

    27

    Last publish

    Collaborators

    • 7ds7