Instructions specifically for YOUR situation:
Took me 45 minutes to write it up. Will take you less time to implement!
Note that some FREE hosting and some ONLINE site builders have limitations what you can do.
If you can insert code into your webpages, you can make an iframe.
STEP 1: Make the window
Take the video that is playing OFF the page.
Put it on its own plain web page (no menus, links, only the video)
These plain webpages are CONTENT pages, seen only through the iframe.
Call that video page:
videostart.htmlNow, on the page where you sent us, you will replace the video with an iframe.
Call that iframe:
videoframeThis will cut a WINDOW in your current web page.
Since you want to start the page showing your starting video, I have set the code to point to that webpage when you open the webpage. And your video size is WIDTH="295" HEIGHT="245" so I made the iframe a bit bigger. You may need to adjust the size a bit.
<iframe name="videoframe" src="videostart.html" width="310" height="260" frameborder="0" ></iframe>
Copy and place that piece of code into your insert web page design.
That is the basic iframe. A window cut into your page, displaying another page.
------
STEP 2: Make the links
If you want to see other web pages in that window, you can put each video on its own plain web page.
Call them video1.html video2.html video3.html etc
Then your links will ALL target the
videoframe iframe, like these 3 samples:
<A href="http://www.geocities.com/bwinspirit/video1.html" target="videoframe" title="Video: Highwayman">Highwayman</A>
<A href="http://www.geocities.com/bwinspirit/video2.html" target="videoframe" title="Video: Barber's Adagio For Strings">Barber's Adagio For Strings</A>
<A href="http://www.geocities.com/bwinspirit/video3.html" target="videoframe" title="Video: Give Me Love">Give Me Love</A>
I numbered your video pages so you can change out the videos and the page address remains correct.
You could name the video pages based on the name of the video if you want. Just faster to build links following the same standard pattern for me.
---------
EXTRA STEP: (optional but RECOMMENDED STRONGLY!)
You should also use the code discussed in this thread to get rid of the dotted line and click to activate for the video that shows in Internet Explorer. Put the code on each video page.
---------
EXTRA STEP: (optional)
If you do not want people to go to your video pages directly by typing in an address like
http://www.geocities.com/bwinspirit/video3.html
you can set a special code into your video page that forces the visitor to come back to the WINDOW page first to see the video!
Each video content page needs these lines of code at the top of the page:
<script type="text/javascript" src="iframe.js"></script>
<body onload="detect();">
Open NOTEPAD on your computer and paste in this code.
Save it as
iframe.jsfunction detect()
{ var framesetpage = "index10.html"
if (parent.location.href == window.location.href)
parent.location.href = framesetpage}
Now upload that file called iframe.js to the website using FTP software, into the same directory as the iframe. This file sends the visitor to the window page (index10.htm) with the iframe on it. If the iframe is in a different page, then identify that page in the code instead of index10.htm