angular-vlc | An AngularJS directive to include VLC Web Player

angular-vlc directive


Stars : 10

Forks : 10

Created by Kevin Darcel

bower install angular-vlc

Download GitHub


An AngularJS directive to include VLC Web Player code with a more beautiful & advanced interface

MIT License devDependency Status




  • Play/Pause the video
  • View current time and video duration
  • Change audio and subtitle track
  • Mute/Unmute
  • Toggle Fullscreen


You must have VLC and the Web plugin installed on your computer, more informations on the VLC website. For OS X users, you can find the plugin (actually in beta) here.

  • Don't forget to activate support of NPAPI and ActiveX plugins in your browser *

Getting Started

Install the component via Bower

bower install --save angular-vlc

Or simply download the files in the dist folder

Add the CSS

<link rel="stylesheet" href="components/angular-vlc/dist/angular-vlc.min.css">

Load the JavaScript file

<link rel="text/javascript" href="components/angular-vlc/dist/angular-vlc.min.js">

And finally add the dependencies to your AngularJS project

var myAppModule = angular.module('MyApp', ['kdarcel.vlc-player']);

Now you can call the directive in your code

<vlcplayer vlc-url="" vlc-filename="" vlc-autoplay="true"></vlcplayer>

Bug report


You may have some problems with the VLC Web Plugin. Feel free to create a new ticket on the VLC Bugtracker, they are reactive and like this you can help to improve the plugin ! More reports it is, more stable will be the plugin ! You can also contribute on the project, here the git repository


angular-vlc is freely distributable under the terms of the MIT license.


Javascript plugin