JSFiddle - React, Tailwind, and code Playground

HTML

<div class = "entry-body">
  <div class = "entry-title">
    <a href="http://i.imgur.com/91S22q6.webm">Title</a>
  </div>
  <div class= "entry-byline">
    by John Smith
  </div>
</div>

JavaScript

$('.entry-body').each(function() {

var hplink = ($(this).find('.entry-title').find("a").prop('href'));

						if (hplink.toLowerCase().match(/\.(webm)/g)) { 
							
              
                            
            $(this).find('.entry-byline').after('<div class="beforeembed"></div><div class="hpembed hpembedMW"><video controls><source src="'+hplink+'" type="video/webm" codecs="vp8, vorbis" style="width: 100%; height: auto;></video></div>');

						}
            
alert(hplink);

});