how can i make a video play in a different location

Tim@DIM · 02-02-2012, 09:32 PM

I have a list of videos on one side of my page and a larger player in the main content column on the left.
how can i click a video on the right and have it play in the big player on the left?

image URL (in case it doesnt show in the post) http://mydomainsample.com/tims/ScreenShot.png

also i would prefer to do this with links to youtube/vimeo rather than putting video files on my server.

xelawho · 02-02-2012, 10:18 PM

what are those on the right side? photos? if they are simple img tags, you can use this code, which works with links, but just moving the onclick over to the img tag:

Code:

<html>
<head>
<title> Sample Page </title>
<script>
function play(clip){
document.getElementById("frame").src= "http://www.youtube.com/v/"+clip+"&autoplay=1&rel=0";
 } 
</script>
</head>
<body>
<object width="425" height="355"><param name="movie" value=""></param><param name="wmode" value="transparent"></param><embed id ="frame" src="" type="application/x-shockwave-flash" border="1" wmode="transparent" width="425" height="344"></embed></object><br>
<a href="#" onclick="play('6Zx39v3JUUI'); return false"> THIS IS FIRST Video Link </a><br>
<a href="#" onclick="play('VVp0eo0vN8U'); return false"> THIS IS SECOND Video Link </a>
</body>
</html>

Tim@DIM · 03-28-2012, 08:17 PM

I worked it out.
thanks

bandm1 · 11-25-2012, 03:04 AM

Quote:

Originally Posted by Tim@DIM

I worked it out.
thanks

Can you please share how you worked it out? Did you use the above solution? Or do you have a different one?
I'm trying to solve the same issue (in Wordpress), while keeping them as videos.
Thanks!!