Videos playing from a li

I have 2 divs, one is list of videos and the other is the player.
Examples below.

<ul class="videoList">
    <li>Video 1</li>
    <li>Video 2</li>
    <li>Video 3</li>
    <li>Video 4 </li>
</ul>

<div class="videoPlayer">
    <video controls>
        <source src="video/video1.mp4">
	<source src="video/video2.mp4">
	<source src="video/video3.mp4">
	<source src="video/video4.mp4">
    </video>
</div>

My question is how do I get the video to play the videos from li when I click on each?

I think this thread has the basics of what you need.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.