English  Italiano  Français  Español  Dansk  Deutsch  Deutsch  Português  Suomi 
Video Lightbox

Overlay video player with website builders

Nov 18, 2013

Q: Hi!

I am very much interested in buying but it is working in Ning platform properly. If you can support and solve this issue.
By having a demo Ning site and hosting video playlist with video light box i ll be convinced.
Please confirm.

A: VideoLightBox is compatible with all website builders, that allows to add html code and
execute javascript. You can try to use free version:
http://videolightbox.com/licenses.html

To install the Video LightBox into your html page:

1) open the page in your program
2) open html source code of the page
3) add several rows of code:

Copy code for the HEAD section and paste it inside the HEAD section of you own webpage,
for example:

<head>
...
<!-- Start VideoLightBox.com HEAD section -->
<link rel="stylesheet" href="engine/css/videolightbox.css" type="text/css" />
<style type="text/css">#<a href="http://videolightbox.com/rq/video-gallery-for-website/">videogallery</a> a#<a href="http://videolightbox.com/rq/jquery-lightbox-video/">videolb</a>{display:none}</style>
<link rel="stylesheet" type="text/css" href="engine/css/overlay-minimal.css"/>
<script src="engine/js/jquery.tools.min.js" type="text/javascript"></script>
<script src="engine/js/swfobject.js" type="text/javascript"></script>
<!-- make all links with the 'rel' attribute open overlays -->
<script src="engine/js/videogallery.js" type="text/javascript"></script>
<!-- End VideoLightBox.com HEAD section -->
...
</head>



Copy code for the BODY section and paste it inside the Body section of you own webpage in the place where you want to have a gallery, for example:

<body>
...
<!-- Start VideoLightBox.com BODY section -->
<div id="videogallery">
<a rel="#voverlay" href="http://www.youtube.com/v/n9-8UsJ-cpc?autoplay=1" title="Manchester United vs Chelsea Penalty shootout 2008">
<img src="data/thumbnails/0.png" alt="Manchester United vs Chelsea Penalty shootout 2008"/><span></span></a><a id="videolb"
href="http://videolightbox.com">Video In A Lightbox by VideoLightBox.com v1.6</a>
</div>
<!-- End VideoLightBox.com BODY section -->
...
</body>



Copy 'data' folder with images and video files and 'engine' folder with .css and .js files into the same folder with your own webpage.

That's all.

Related