Sprememba znotraj div-a preko linka

Živjo, sem zelo frišen v temu ampak vseeno poskušam nekaj skupaj spacati zato prosim za potrpežljivost.

Imam neko basic stran. Več CDjev z videoposnetki želim deliti z nekom. Zgoraj je horizontalen navbar kjer so listani posamezni CDji. Nižje dol ob levi je še en navbar, kjer so v meniju posnetki na temu CDju. In v sredini je video predvajalnik. Kar mene zanima je:

- Kako lahko iz linka v zgornjem navbaru spreminjam celoten navbar ki je nižji. Torej da se zamenja celotna vsebina diva. Ker vsak CD ima svojo strukturo cdjev in zato ma svoj navbar z linki.
- Kako iz spodnjega navbara, kjer so linki do posameznih posnetkov, spreminjam vsebino div-a z video playerjem da se naloži posnetek ki je bil izbran v temu navbaru.



Za video player uporabljam videojs. Video je dodan preko:

<video id="my-video" class="video-js vjs-default-skin" controls preload="auto" width="640" height="360">
    <source src="my-video.mp4" type="video/mp4" />
    <p class="vjs-no-js">
      To view this video please enable JavaScript, and consider upgrading to a web browser that
      <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
    </p>
  </video>

Kako bi z linkom v levem meniju spreminjal src tega videa?

Hvala za pomoč!

Sicer sem že malo ven iz tega ampak: verjetno ne rabiš linka ampak javascript funkcijo (onclick="..."), s katero potem (preko DOMa) spremeniš ustrezne lastnosti kjer želiš...