如何從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中的指定容器內播放視頻？

回答

相關問題