this is restricted for vlc version 2.2.1 , first download
vlc 2.2.1 in your local machine . this code will work
only in mozilla and mac OS
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<center>
<embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org" version="VideoLAN.VLCPlugin.1.2.2"
bgcolor="#AC1234" text="Select VLC" width="500" height="390" autoplay="no" id="vlc"
windowless="false" loop="no" controls="true"> </embed>
<script type="text/javascript">
function myfunction() {
var str = vlc.versionInfo();
var version = str.substring(0, 5);
if (version == '2.2.1') {
var urlvideo = document.getElementById("x").value;
var file = "file:///D:/" + urlvideo; // write here your local machine path from where you select the video ( computer drive path "file///drive:/file.extension")
var EncryptionkeyValue = document.getElementById("Encryption").value;
//-----------------marquee Code---start----------------------
vlc.video.marquee.enable();
var mark = 'Copyright Video';
vlc.video.marquee.text = mark;
vlc.video.marquee.text = mark;
vlc.video.marquee.size = 22;
vlc.video.marquee.x = 12;
vlc.video.marquee.y = -100;
vlc.video.marquee.color = 0x00FF00;
vlc.video.marquee.refresh = 1;
// vlc.video.marquee.opacity = 4;
// window.location.reload();
//----------------------marquee code end-----------------------------------
//----------aspect Ration Code-------------------------
vlc.video.aspectRatio = '16:10'; //working
//----------aspect Ration Code-------------------------
var options = [":ts-csa-ck=" + EncryptionkeyValue];
V = vlc.playlist.add(file, "", options);
vlc.video.marquee.enable();
vlc.video.deinterlace.enable('blend');
document.getElementById("vlc").style.visibility = "visible";
vlc.playlist.playItem(V);
}
else {
document.write("<table>" +
"<tr><td >Requred Version is Please Install vlc version 2.2.1 32 bit</td></tr>" +
"<tr><td style=" + "/" + "font-family:Arial; color:Green;text-decoration:none;" + "/" + " ><a href=' https://www.videolan.org/vlc/releases/2.2.1.html' >Click Here To Download Vlc 2.2.1 </a></td></tr>" +
"</table>");
}
}
</script>
<br />
<br />
<table style="width: 500px;">
<tr>
<td>
<span>enter video url</span>
</td>
<td>
<input type="file" id="x" />
</td>
</tr>
<tr>
<td>
<span>enter Encryption Key</span>
</td>
<td>
<input type="text" id="Encryption" />
</td>
</tr>
<tr>
<td colspan="2">
<input type="submit" id="submit" value="play" onclick="return myfunction()" />
</td>
</tr>
</table>
</center>
</body>
</html>
you can take help with this site for more tools
http://www.cnblogs.com/fightLonely/archive/2012/05/16/2504263.html
and
https://wiki.videolan.org/Documentation%3aWebPlugin#Introduction%3a_Building_Web_pages_with_Video
in this code marquee does not work at first click
then use this javascript at the place of existing javascript
<script type="text/javascript">
var clicks = 0;
function myfunction() {
clicks += 1;
var str = vlc.versionInfo();
var version = str.substring(0, 5);
if (version == '2.2.1') {
var urlvideo = document.getElementById("x").value;
var file = "file:///D:/" + urlvideo;
var EncryptionkeyValue = document.getElementById("Encryption").value;
//-----------------marquee Code---start----------------------
vlc.video.marquee.enable();
var mark = 'CopyRightVideo';
vlc.video.marquee.text = mark;
vlc.video.marquee.text = mark;
vlc.video.marquee.size = 22;
vlc.video.marquee.x = 12;
vlc.video.marquee.y = -100;
vlc.video.marquee.color = 0x00FF00;
vlc.video.marquee.refresh = 1;
// vlc.video.marquee.opacity = 4;
// window.location.reload();
//----------------------marquee code end-----------------------------------
//----------aspect Ration Code-------------------------
//vlc.get_time();
vlc.video.aspectRatio = '16:10'; //working
//----------aspect Ration Code-------------------------
var options = [":ts-csa-ck=" + EncryptionkeyValue];
V = vlc.playlist.add(file, "", options);
vlc.video.marquee.enable();
vlc.video.deinterlace.enable('blend');
if (clicks == 1) {
vlc.playlist.playItem(V);
document.getElementById("vlc").style.visibility = "hidden";
}
else {
document.getElementById("vlc").style.visibility = "visible";
vlc.playlist.playItem(V);
}
}
else {
document.write("<table>" +
"<tr><td >Requred Version is Please Install vlc version 2.2.1 32 bit</td></tr>" +
"<tr><td style=" + "/" + "font-family:Arial; color:Green;text-decoration:none;" + "/" + " ><a href=' https://www.videolan.org/vlc/releases/2.2.1.html' >Click Here To Download Vlc 2.2.1 </a></td></tr>" +
"</table>");
// alert(tab);
}
}
</script>