JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="video_list">
    
        <li rel='cat1' cat='cat1'>
          <a href="#xcv" src='http://www.youtube.com/embed/123456?rel=0&amp;wmode=transparent' class='video_thumb' id="link">
            <div class="video_img_wrapper"><img class='video_img'src="http://img.youtube.com/vi/1234/maxresdefault.jpg" width='240px' height='160px'>
            <img class="play_button" src="images/play_button.png" alt="play" /></img></div>
            <h3>title</h3>
            <p>des</p>
          </a>
        </li> 
    
        <li rel='cat2' cat='cat2'>
          <a href="#xcv" src='http://www.youtube.com/embed/654321?rel=0&amp;wmode=transparent' class='video_thumb' id="link">
            <div class="video_img_wrapper"><img class='video_img'src="http://img.youtube.com/vi/1234/maxresdefault.jpg" width='240px' height='160px'>
            <img class="play_button" src="images/play_button.png" alt="play" /></img></div>
            <h3>title</h3>
            <p>des</p>
          </a>
        </li>
      
      </ul>

JavaScript

$(document).ready(function() {
    
    $('.video_thumb').click(function () {
        alert(this.getAttribute("src"));
    });
  
});