Wie wird ein Video in einem angegebenen Container von seiner URL wiedergegeben?

Question

Ich möchte ein Video in der <div class="videoPlayer"> spielen, wenn ich auf einen der Links mit der entsprechenden URL klicke, d. H. Ohne einen neuen Tab zu öffnen. Wie mache ich das in 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

würde ich innerhalb des Video-Players div drei <video src="video/1.mp4" controls></video> Tags machen und sie dann, bis der Benutzer klickt auf einen der Links haben display: none;. Dann haben Sie eine JavaScript-Funktion ändern Sie die display zu block für dieses Video.

Wenn der Benutzer auf einen neuen Link klickt, machen es drehen auch alle anderen Video-Player zu display: none;

hoffe, das hilft!