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

From VideoLAN Wiki
Jump to navigation Jump to search
(Redirected page to Documentation:WebPlugin)
Line 1: Line 1:
== 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 : http://wiki.videolan.org/Documentation:WebPlugin
But, if you need '''controls''' (buttons, slidebar...), you have to use the '''open source revolunet VLCcontrols''' library.
* the code resides @github : https://github.com/revolunet/VLCcontrols
* you have some demo here : http://revolunet.github.com/VLCcontrols
Usage exemple :
    <!-- include jquery + source -->
    <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" />
    <!-- embed the player and play a file -->
    <script language="javascript">
        var player = VLCobject.embedPlayer('vlc1', 400, 300);
Note the fullscreen is currently broken in VLC plugin itself (VLC>1.1)
* More of [[VLC HowTo|VLC HowTo]]

Latest revision as of 13:42, 30 September 2013