JSFiddle - React, Tailwind, and code Playground

HTML

<#--Video "Business Builder" Button-->
<div id="frame-container"></div>
<button id="open-video"><img class="mediaCenterThumbnail" type="image" id="video1" style="border: none; outline: none;"src="https://dekr7yvcix73g.cloudfront.net/multimedia/images/bizbuilder_128x80.png"
alt="Business Builder" title="Business Builder"></button>

<#--Video "Mower Mission" Button-->
<div id="frame-container"></div>
<button id="open-video"><img class="mediaCenterThumbnail" type="image" id="video2" style="border: none; outline: none;"src="http://content.siselinternational.com/sisel-int/videos/video-thumbnails/128x80/Mower-Mission-Final-Render-Thumbnail.png"alt="Mower Mission" title="Mower Mission"></button>
                         
<#--Video "Mower Cruise" Button-->
<div id="frame-container"></div>
<button id="open-video"><img class="mediaCenterThumbnail" type="image" id="video3" style="border: none; outline: none;"src="http://content.siselinternational.com/sisel-int/videos/video-thumbnails/128x80/MowerCruise.png" alt="Mower Cruise" title="Mower Cruise"></button>
                         
<#--Video "Mower Beach" Button-->
<div id="frame-container"></div>
<button id="open-video"><img class="mediaCenterThumbnail" type="image" id="video4" style="border: none; outline: none;"src="http://content.siselinternational.com/sisel-int/videos/video-thumbnails/128x80/MowerBeachThumbnail.png" alt="Mower Beach" title="Mower Beach"></button>

<#--Video "My Sisel Story: Tom Mower Sr." Button-->
<div id="frame-container"></div>
<button id="open-video"><img class="mediaCenterThumbnail" type="image" id="video5" style="border: none; outline: none;"src="http://content.siselinternational.com/sisel-int/videos/video-thumbnails/128x80/TomSeniorMySiselStory-4k-4-still.png" alt="My Sisel Story: Tom Mower Sr." title="My Sisel Story: Tom Mower Sr."></button>

<#--Video "My Sisel Story: Tom Mower Jr." Button-->
<div id="frame-container"></div>
<button id="open-video"><img class="mediaCenterThumbnail"...

JavaScript

<#--Video "Business Builder"-->
var button = document.getElementById("open-video1");
button.addEventListener("click", function () {
    var iframe = document.createElement("iframe"),
        container = document.getElementById("frame-container");

    iframe.width = 527;
    iframe.height = 321;
    iframe.frameborder = 0;
    iframe.src = "https://player.vimeo.com/video/158223424?autoplay=1";

    container.innerHTML = '';
    container.appendChild(iframe);
});

<#--Video "Mower Mission"-->
var button = document.getElementById("open-video2");
button.addEventListener("click", function () {
    var iframe = document.createElement("iframe"),
        container = document.getElementById("frame-container");

    iframe.width = 527;
    iframe.height = 321;
    iframe.frameborder = 0;
    iframe.src = "https://player.vimeo.com/video/202831850?autoplay=1";

    container.innerHTML = '';
    container.appendChild(iframe);
});

<#--Video "Mower Cruise"-->
var button = document.getElementById("open-video3");
button.addEventListener("click", function () {
    var iframe = document.createElement("iframe"),
        container = document.getElementById("frame-container");

    iframe.width = 527;
    iframe.height = 321;
    iframe.frameborder = 0;
    iframe.src = "https://player.vimeo.com/video/224541232?autoplay=1";

    container.innerHTML = '';
    container.appendChild(iframe);
});

<#--Video "Mower Beach"-->
var button = document.getElementById("open-video4");
button.addEventListener("click", function () {
    var iframe = document.createElement("iframe"),
        container = document.getElementById("frame-container");

    iframe.width = 527;
    iframe.height = 321;
    iframe.frameborder = 0;
    iframe.src = "https://player.vimeo.com/video/224541807?autoplay=1";

    container.innerHTML = '';
    container.appendChild(iframe);
});

<#--Video "My Sisel Story: Tom Mower Sr."-->
var button = document.getElementById("open-video5");
button.addEventListener("click",...