JSFiddle - React, Tailwind, and code Playground

by anil001ry

HTML

<input type="image" src="https://photos.cdn-outlet.com/photos/options/8152120-30670-1A-zoomin.jpg" class="play" onclick="toggle(this);"/>

<input type="image" src="https://themarketingcrowd.ie/wp-content/uploads/2017/01/Round-Profile-Pic.png" class="play" onclick="toggle(this);"/>

CSS

.play, .pause {width:100px;height:100px;}

JavaScript

function toggle(el){
    if(el.className!="pause")
    {
        el.src='https://upload.wikimedia.org/wikipedia/commons/thumb/1/12/Amy_Adams_UK_Nocturnal_Animals_Premiere_%28cropped%29.jpg/220px-Amy_Adams_UK_Nocturnal_Animals_Premiere_%28cropped%29.jpg';
        el.className="pause";
    }
    else if(el.className=="pause")
    {
        el.src='http://www.clker.com/cliparts/7/x/D/A/T/W/blue-play-button-md.png';
        el.className="play";
    }
    
    return false;
}