Я хочу изменить источник видео html5 с помощью js

Question

Я хочу изменить источник видео с помощью клика на другом миниатюре видео на сайте. Я не хочу покидать сайт и перейти к другому с каждым видео, я хочу остаться на одном сайте и смотреть все видео. Я пытался это так (с начальной загрузкой):

<video id="mainvideo" width="640" height="360" controls> 
    <source id="vidsrc" src="" type="video/mp4"> 
</video> 

<div onclick="mainVideoFrame()" class="clip-wrap"> 
    <a class="clip"> 
     <div class="poster-image"> 
      <img onclick="mainVideoFrame()" class="lazy" src="assets/img/transparent.gif" data-original="assets/videos/thumb.jpg"> 
     </div> 
     <span onclick="mainVideoFrame()" class="clip-title">Title here</span> 
     <i class="icon-large"></i> 
     <span class="client">...</span> 
     <span class="clearfix"></span> 
    </a> 
</div> 

<script type="text/javascript"> 
    function mainVideoFrame() { 
     document.getElementById("vidsrc").src = "assets/videos/video.mp4"; 
    } 
</script> 

Я надеюсь, что кто-то здесь есть решение :)

Answer 1

проходит в классе с размахом OnClick OnClick = "mainVideoFrame (this.className) .then в функции возьмите его в mainVideoFrame (videoid), затем используйте, чтобы решить, какое видео должно показывать