b/html5-video-slidepuzzle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Commit old files

Browse Source
This commit is contained in:
Brandon Dyck
2024-06-21 10:04:10 -06:00
commit 95bd0ea6ed
14 changed files with 1265 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
gameboard.html Normal file
View File

@ -0,0 +1,64 @@
<!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>