如何从URL中的指定容器内播放视频？

-2

我想在<div class="videoPlayer">中播放视频，当我点击其中一个链接与相应的网址，即不打开新标签。我如何在JavaScript中做到这一点？如何从URL中的指定容器内播放视频？

<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>

来源

2016-08-01 Jim

这是[this]（https://developer.mozilla.org/en/docs/Web/HTML/Element/video）文档和[this]（https://developer.mozilla.org/en/docs/） Web/API/HTMLMediaElement）文档和[this]（https://developer.mozilla.org/en/docs/Web/API/HTMLVideoElement）文档 –

我想提出三点<video src="video/1.mp4" controls></video>标签的视频播放器div中，然后让他们display: none;直到其中一个链接的用户点击。然后有一个JavaScript函数将该视频的display更改为block。

当用户点击一个新的链接，使得它也把所有的其他视频播放器display: none;

希望这有助于！

来源

2016-08-02 00:01:36 Taylor

感谢您的建议。 – Jim

当然。这是否解决了你的问题？ – Taylor

正在修复以尝试它。让你知道。 – Jim

如何从URL中的指定容器内播放视频？

回答

相关问题