JSFiddle - React, Tailwind, and code Playground

by MegaScience

HTML

<!DOCTYPE html>
<html>
    
    <head>
        <style>
            .playerCells > td {
                width: 425px;
                height: 358px;
            }
            td {
                padding-bottom: 0px;
            }
            .centerElement {
                margin-left: auto;
                margin-right: auto;
            }
            input[name="textArea"] {
                width: 99%;
            }
            input[name="time"] {
                max-width: 12%;
            }
        </style>
    </head>
    
    <body>
        <table cellspacing="4" cellpadding="0" border="0" class="centerElement" style="text-align: center">
            <colgroup>
                <col style="width: 10%">
                    <col span="2" style="width: 40%">
                        <col style="width: 10%">
            </colgroup>
            <tbody>
                <tr class="playerCells">
                    <td valign="top" colspan="2">
                        <div id="player0"></div>
                    </td>
                    <td valign="top" colspan="2">
                        <div id="player1"></div>
                    </td>
                </tr>
                <tr>
                    <th style="width: 10%">
                        <input type="button" width="100%" onclick="toggleVideos()" value="Play" id="playPause">
                    </th>
                    <th style="width: 40%">Video 1</th>
                    <th style="width: 40%">Video 2</th>
                    <th style="width: 10%">Apply</th>
                </tr>
                <tr>
                    <th>Set Video:</th>
                    <td>
                        <input type="text" name="textArea" id="video0">
                    </td>
                    <td>
                        <input type="text" name="textArea" id="video1">
                    </td>
                    <td>
                        <input type="button" onclick="setVideos()" value="Set">
               ...