Double function on the A tag

I am creating video gallery with one main player.

When user clicks on the link the youtube video will play but also if the video is below the fold I want the page to scroll up so the user can see the video.
Div ytvideo2 is the player window.

Is something like this even possible?

Here is my code:

[code=html]
<div class=”yt_holder”>
<div id=”ytvideo2″>This is my player window</div>
<ul class=”demo2″>
<li><a href=”http://www.youtube.com/watch?v=QBBWKvY-VDc”>Video 1</a></li>
<li><a href=”http://www.youtube.com/watch?v=ZXMQqLnRhRI”>Video 2</a></li>
<li><a href=”http://www.youtube.com/watch?v=Wvo-g_JvURI”>Video 3</a></li>
</ul>

<h1>WINNER</h1>
<ul class=”demo2″ id=”winner”>
<li><a href=”http://www.youtube.com/watch?v=ZXMQqLnRhRI” >Video 2</a></li>
</ul>
</div>
[/code]

Please help.

p.s
I will be using this on facebook tab.

Also in #JavaScript _↴