Multiple Video links targeting one iframe

[Raabi]

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>
</iframe>"

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

Regards

 

[Raabi]

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>
</iframe>
</div>

Help is desperately requested.