What's new
HTML Forums | An HTML and CSS Coding Community

Welcome to HTMLForums; home of web development discussion! Please sign in or register your free account to get involved. Once registered you will be able to connect with other members, send and receive private messages, reply to topics and create your very own. Our registration process is hassle-free and takes no time at all!

Multiple Video links targeting one iframe


New member
Hello everybody!
This is my 1st post.

I have 5 video links, to different videos, on my Web page; like
video 1 link
video 2 link
video 5 link

I have one iframe, on the same Web page as the links;
<iframe name="VidFrame" width="800px" height="450px"
src="????" frameborder="0" allowfullscreen>

I want that; if a user clicks any of the links, that particular video should show up in the "VidFrame" iframe.

Still desperate for the solution. I got some success, with the following code. It works fine on the local PC, but on the Website, the links download the videos, instead of displaying in the target iFrame.

<p><a id="Genome" target="VidFrame" href="Videos/Genome.mp4">
Human Genome</a></p>
<p><a id="KKC" target="VidFrame" href="Videos/KKC.mp4">
Keep Karachi Clean</a></p>
<p><a id="Nutrition" target="VidFrame" href="Videos/Food_N_Health_Part_01.mp4">
Food and Health</a></p>
<div class="iFrame" style="text-align: center">
<iframe name="VidFrame" width="800px" height="450px"
src="Videos/index.html" frameborder="0" allowfullscreen>

Help is desperately requested.