HowTo Integrate VLC plugin in your webpage

From VideoLAN Wiki
Jump to navigation Jump to search

Embedding the VLC plugin in your webpage

The VLC plugin can be directly embedded in your webpage :

<embed type="application/x-vlc-plugin" name="player" autoplay="no" loop="no" target="udp:@" />

You then have to use the official Mozilla/ActiveX api documented here :

But, if you need controls (buttons, slidebar...), you have to use the open source revolunet VLCcontrols library.

Usage exemple :

   <script language="javascript" src=""></script> 
   <script language="javascript" src=""></script> 
   <link rel="stylesheet" type="text/css" href="" /> 
   <script language="javascript">
       var player = VLCobject.embedPlayer('vlc1', 400, 300);'');

Note the fullscreen is currently broken in VLC plugin itself (VLC>1.1)