Артем Кондрацкий

<div class="grid-container">
  <div class="grid-block"></div>
  <div class="grid-block"></div>
  <div class="grid-block"></div>
  <div class="grid-block"></div>
  <div class="grid-block"></div>
  <div class="grid-block"></div>
</div>

.grid-container {
    display: grid;
    grid-template-columns: repeat(1fr);
    grid-template-rows: 250px 250px;
    grid-gap: 25px;
}
.grid-block:first-child {
    grid-column: 1/4;
}
.grid-block:last-child {
    grid-column: 3/6;
}

С помощью стороннего плеера или написать свой плеер. Гугл в помощб так сказатб.

С помощью JS отслеживать кли по ссылке, если был клик - добавить класс active, при клике на другую удалять класс с предыдущей ссылки и добавлять на только что нажатую.

Дальше в css оформляете класс active для ссылки.