JSFiddle - React, Tailwind, and code Playground

HTML

<a href="http://www.google.com" target="_blank">
    <video controls="" muted="" autoplay preload="auto" id="testid" width="500">
        <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4"/>
        <source src="http://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg"/>
        <source src="http://www.w3schools.com/html/mov_bbb.webm" type="video/webm"/>
        <img src="http://dummyimage.com/1044x585/000/fff"/>
    </video>
</a>

JavaScript

$('#testid').click(function() {
    link = $(this).parent();
    originalHref = link.attr('href');
    originalTarget = link.attr('target');
    link.attr('href', 'javascript:void(0)');
    link.attr('target', '_self');
    setTimeout(function() {
        link.attr('href', originalHref);
        link.attr('href', originalTarget);        
    }, 0):
});