On my website I have a video player at the top and below that a list of videos. Users click on one of the videos and that video begins playing in the player at the top of the page. Is there any way that the link the user clicks to play the video can also jump to the video player at the top of the page? I've tried various hyperlinks but I can't get it to work. The videos play fine, but the users don't realize that they need to scroll back up to the top of the page to see the video.
http://manoamano.org/videos/videos.html
#### below is the video player ####
Code:
<div id='videoPlayback' style='width: 425px; height:344px;'>
<!-- <div style='width: 425px; margin-left: auto; margin-right: auto; margin-top: 10px;'> -->
<img src="images/mano-logo-videosNEW425x344.jpg" width="425" height="344">
### The javascript below plays the video ###
Code:
<script type="text/javascript">
function playVideo(sourceId, targetId) {
if (typeof(sourceId)=='string') {sourceId=document.getElementById(sourceId);}
if (typeof(targetId)=='string') {targetId=document.getElementById(targetId);}
targetId.innerHTML=sourceId.innerHTML;
return false;
}
</script>
#### below is the information/variables for a specific video #####
Code:
<div id='PampasdeLeque' style='display: none'>
<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/4xCUO3qcPWA&hl "></param>
<param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/4xCUO3qcPWA&hl&autoplay=1"
type="application/x-shockwave-flash" wmode="transparent"
width="425" height="344">
</embed></object>
</div>
#### below is the link that starts a specific video playing in the player above #####
Code:
<A HREF="#" onclick='return playVideo("PampasdeLeque","videoPlayback")'>
<img border="0" src="images/pampasdeleque.jpg" width="120" height="90">
</A>