چگونه بفهمیم کدام تگ iframe کلیک شده؟

سلام و خسته نباشید
من یک پلی لیست ویدیو درست کردم
به این صورت که چهار iframe که display=none هستش و یک عکس بجاش نشون داده میشه
و یک iframe بزرگ که وقتی روی عکس های اون iframe ها کلیک شد درون iframe بزرگتر نشون داده میشن
کد چاوااسکریپتش هم به این صورت نوشتم:

کد HTML:

---

function copysrc(){        var x=document.getElementsByTagName("iframe");                document.getElementById("aslifr").src=x.src;

---

در این کدی که گذاشتم، iframe اولی نشون داده میشه
چطور مشخص کنم که روی هر iframe که کلیک شده src همون تو iframe بزرگ و اصلی نشون داده بشه؟
آیا باید کلا کد جاوا رو عوض کنم؟
توروخدا راهنمایی کنید

اول اینکه نیاز به 4 آیفریم مخفی نداری اگه ازشون استفاده نمیشه و فقط آدرسشون رو نیاز داری
شما میتونی توی همون تگ های عکست بزاری آدرس آیفریم ها رو مثلا توی data-ifreame

<img src="image.jpg" data-iframe="http://iframeaddres.com">

باید اول یاد بگیری چجوری رویداد بنویسی , رویداد یعنی وقتی یک کاری کرد کاربر تو صفحه (مثلا کلیک کردن روی یک المنت ) یک تیکه کد اجرا بشه
بعد باید یاد بگیری چجوری attribute های المنت ها رو بخونی و تغییر بدی , منظور از attr همون src , class , id , href , .... هستن

اینجا یک نمونه کد هست که من نوشتم میتونی از روش جلو بری

https://jsfiddle.net/nkwsd2tu/1/


تو باکس سفید پایین سمت راست اجرای زنده کد هست که میتونی باهاش کد کنی و نتیج هرو ببین و تو باکس های سمت چپ هم کدا هستن

مرسی از راهنماییت
من برای هر iframe یک خط جاوا نوشته بودم که با این کدی ک نوشتی فکر کنم بتونم بهینش کنم
یه عکس از پلی لیستی که ساختم هم این پایین میزارم تا ببینی
عکس پلی لیست

کلایک آِفریم وسط داشته باش رو هر عکس که کلیک شد آدرس رو از data-src یا data-iframe یا هرچی هست تو عکس بگیر و بزار تو آیفریم
پیشنهاد میکنم با جیکوئری کار کنی خیلی یاد گیریش ساده تر و کدش کمتره

$('.custom').click(function(){

  alert($(this).data('src'));

})