Подсветка div при наведении

body { 
  margin: 0; 
  min-height: 100vh; 
  color: #fff; 
  background: url('http://barrysakkers.com/wp-content/uploads/2018/01/solid-baby-blue.jpg') no-repeat center center / 100%; 
} 
 
.content { 
  display: block; 
  width: 100%; 
  max-width: 500px; 
  margin: 20px auto; 
} 
 
.item { 
  display: inline-block; 
  float: left; 
  width: calc(50% - 30px); 
  padding: 15px; 
  transition: all linear .2s; 
} 
 
.item:hover { 
  background: rgba(0,0,0,.25); 
} 
 
.title { 
  font-weight: bold; 
  margin-bottom: 15px; 
} 
 
.text { 
  margin-bottom: 15px; 
} 
 
.video { 
  display: block; 
  width: 100%; 
  height: 100px; 
  background: #000; 
  position: relative; 
} 
 
.video::before { 
  content: ''; 
  display: block; 
  width: 0; 
  height: 0; 
  border: 20px solid transparent; 
  border-left: 30px solid #fff; 
  position: absolute; 
  left: calc(50% - 15px); 
  top: calc(50% - 20px); 
  box-sizing: border-box; 
}

<div class="content"> 
  <div class="item"> 
    <div class="title">Lorem ipsum dolor sit amet</div> 
    <div class="text">Morbi ac lobortis nisl, nec gravida metus.</div> 
    <div class="video"></div> 
  </div> 
 
  <div class="item"> 
    <div class="title">Lorem ipsum dolor sit amet</div> 
    <div class="text">Morbi ac lobortis nisl, nec gravida metus.</div> 
    <div class="video"></div> 
  </div> 
</div>

$('.video').on('click',function(){ 
  $(this).toggleClass('played'); 
  $(this).find('iframe').click(); 
});

.video {display: block; width: 300px; height: 150px; position: relative; cursor: pointer;} 
.video::before, .video::after {content: ''; display: block; position: absolute; z-index: 1;} 
.video::before {width: 100%; height: 100%; background: #000; left: 0; top: 0; right: 0; bottom: 0;} 
.video::after {width: 0; height: 0; border: 20px solid transparent; border-left: 30px solid yellow; left: calc(50% - 15px); top: calc(50% - 20px);} 
 
.video.played::before, .video.played::after {display: none;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<div class="video"> 
<iframe src="https://www.youtube.com/embed/IsZDtOYUWvk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
</div>