Difference between revisions of "HowTo Integrate VLC plugin in your webpage"

From VideoLAN Wiki
Jump to navigation Jump to search
(update)
Line 26: Line 26:
  
 
Note the fullscreen is currently broken in VLC plugin itself (VLC>1.1)
 
Note the fullscreen is currently broken in VLC plugin itself (VLC>1.1)
 +
 +
* More of [[VLC HowTo|VLC HowTo]]

Revision as of 12:32, 28 November 2011

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:@239.255.12.42" />

You then have to use the official Mozilla/ActiveX api documented here : http://wiki.videolan.org/Documentation:WebPlugin


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

Usage exemple :

   <script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
   <script language="javascript" src="http://revolunet.github.com/VLCcontrols/src/jquery-vlc.js"></script> 
   <link rel="stylesheet" type="text/css" href="http://revolunet.github.com/VLCcontrols/src/styles.css" /> 
   <script language="javascript">
       var player = VLCobject.embedPlayer('vlc1', 400, 300);
       player.play('http://download.blender.org/peach/bigbuckbunny_movies/big_buck_bunny_480p_surround-fix.avi');
   </script>

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