ボタン付きのスクロール可能なサイドバーで、横にあるプレーヤーのビデオのソースを変更できるHTML / CSSコードを作成するにはどうすればよいですか？

まず第一に、HTMLとCSSだけでページコンテンツを動的に変更することはできません。JSを少し使用する必要があります。私たちの場合、これは（codepenの例をチェックして、それがどのように機能するかを確認してください）：

document.addEventListener('click', function(e) {
var source = e.target.dataset.source,
    video = document.getElementById('video');
if (source) {
    video.src = "https://www.youtube.com/embed/" + source;
    }
});

これは完璧なコードではありませんが、あなたにとって良い出発点だと思います。がんばろう ：）

Codepenの例