html5-video-slidepuzzle/gameboard.html
2024-06-21 10:14:17 -06:00

65 lines
1.3 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" >
<title>Game Board</title>
<link rel="stylesheet" href="style/gameboard.css">
</head>
<body>
<h1>Video Slide Puzzle v0.1</h1>
<div id="board">
<video id="video" src="video/plasmacropped.mp4" autoplay loop>
Video not working!
</video>
<table>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td class="empty"></td>
</tr>
</tbody>
</table>
</div>
<div id="controls">
04:56<br>
<button>Undo</button><br>
<button>New game</button><br>
<label for="videolist">Select background:</label>
<select name="videolist">
<option>Plasma lamp</option>
<option>Buffalo Dance</option>
<option>Viennese waltz</option>
<option>Bikini Atoll</option>
</select>
</div>
<p id="copyright">
Video cropped from <a href="https://commons.wikimedia.org/wiki/File:Plasmaballvid1.ogg">Plasmavid1.ogg</a> by <a href="https://commons.wikimedia.org/wiki/User:Geni">Geni</a> / <a href="http://creativecommons.org/licenses/by-sa/4.0/">CC-BY-SA</a>
</p>
</body>
</html>