Merhabalar yapmak istediğim işlemde aşağıdaki kodlardaki şekilde sayfa ilk açıldığında Video 1 de active class ı oluyor ben Video 2 tıkladığım zaman Video 1 deki active class ı kalkıp Video 2 ye geçecek ve Video 2 nin data-id="xxxxxxxxx2" alanı iframe nin src sine geçecek src="https://www.youtube.com/embed/xxxxxxxxx1" bu işaretli alana
bu işlemi yapacak bildiğiniz kod veya kaynak varmı

<div class="video">
    <iframe width="853" height="480" src="https://www.malumsite.com/embed/xxxxxxxx1" frameborder="0"></iframe>
</div>
<ul class="list">
    <li class="active" data-id="xxxxxxxxx1">Video 1</li>
    <li data-id="xxxxxxxxx2">Video 2</li>
    <li data-id="xxxxxxxxx3">Video 3</li>
    <li data-id="xxxxxxxxx4">Video 4</li>
    <li data-id="xxxxxxxxx5">Video 5</li>
</ul>