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

How do I address embed video to website so it doesn't open them in the iframe?

Nov 18, 2011

Q: If you click on any of the videos displayed there you will see it opens them
within the iframe and not as an <keyw id=2/> to the site. How do I address this
so it doesn't open them in the iframe?

A: Please notice that 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 install <keyw id=0/> gallery directly on the html 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 <keyw id=1/>.
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.

Related