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

How could I get the video popup window to play over the whole page

Dec 14, 2011

Q: I was trying to place a gallery in an iFrame but the overlay and video appears in the iFrame. How could I get the overlay and video to play over the whole page? I tried adding a _top target to the link but that did not work.

A: Unfortunately it is really so.

If you install your gallery inside the iFrame,
the overlay window will open inside it, not inside the whole page.
There is no way to fix it.

You should try to install Video LightBox gallery directly on the page.
You can do it in 2 ways:

I. using "Insert to page option:

- create your gallery;
- open "Publish" tab;
- select 'Insert to Page';
- click 'open HTML page' and select the page, where you want to install
the gallery;
- click inside the page to select where you want the gallery to appear
and press "Insert Before";
- click 'Publish'.

II. Manually

1) Create your slideshow using Video LightBox.
2) Publish it on a local drive in any test folder:

- open 'Publish' tab;
- select 'Publish to folder', click 'Browse' button and select any local folder
- click 'Publish' button

3) Open index.html file from the saved folder in any text editor (Notepad for example)
or you can:

- open index.html page in any browser
- right click on the page
- select view source of the page.

You'll find 'engine' and 'data' folders in this saved folder also.

4) Copy code for the HEAD section and paste it inside the HEAD/BODY section of you own
webpage:

<head>
...
<!-- Start VideoLightBox.com HEAD section -->
<link rel="stylesheet" href="engine/css/videolightbox.css" type="text/css" />
<style type="text/css">#videogallery a#videolb{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/videolightbox.js" type="text/javascript"></script>
<!-- End VideoLightBox.com HEAD section -->
...
</head>



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

<body>
...
<!-- Start VideoLightBox.com BODY section -->

...
<!-- End VideoLightBox.com BODY section -->
...
</body>



6) Notice, you should copy 'data' folder with images and thumbnails and
'engine' folder with .css and .js files into the same folder with your own webpage
using ftp manager you always use.

7) Preview your website in the browser.

Try this.

Recent Questions »

Related