URLから特定のコンテナ内の動画を再生するにはどうすればよいですか？

Question

<div class="videoPlayer">の動画を再生するには、それぞれのURLのリンクをクリックすると、新しいタブを開かずに再生します。 JavaScriptでこれをどうやって行うのですか？

<div class="container"> 
    <h1>Playing a video</h1> 
    <div class="sidebar"> 
    <nav> 
     <ul id="video"> 
     <li><a href="video/1.mp4">Video 1</a> 
     </li> 
     <li><a href="video/2.mp4">Video 2</a> 
     </li> 
     <li><a href="video/3.mp4">video 3</a> 
     </li> 
     </ul> 
    </nav> 
    </div> 
    <div class="videoPlayer"> 

    </div> 
</div> 

Answer 1

私は、ビデオプレーヤーのdivの内側に3個の<video src="video/1.mp4" controls></video>タグを作成し、ユーザーがリンクのいずれかをクリックするまでdisplay: none;それらを持っているでしょう。次に、javascript関数をdisplayからblockに変更してください。ユーザーが新しいリンクをクリックすると

が、それはまた、このことができますdisplay: none;

希望に他のすべてのビデオプレーヤーをオンにします！