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

45 lines
1.2 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" >
<title>Game Board</title>
<link rel="stylesheet" href="style/slidepuzzle.css">
<script src="js/SlidePuzzleStopwatch.js"></script>
<script src="js/SlidePuzzleModel.js"></script>
<script src="js/SlidePuzzleView.js"></script>
<script src="js/SlidePuzzleController.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
window.puzzleController = new SLIDE_PUZZLE.VideoController(4,4);
window.puzzleController.initView();
});
</script>
</head>
<body>
<h1>Video Slide Puzzle v1.0</h1>
<div id="slidepuzzle-container">
<video id="slidepuzzle-video" autoplay loop>
Video not working! Blame Microsoft!
</video>
<table id="slidepuzzle-board"></table>
</div>
<div id="slidepuzzle-controls">
<p>Elapsed time: <span id="slidepuzzle-timer">0</span></p>
<p>
<button id="slidepuzzle-undo">Undo</button>
<button id="slidepuzzle-newgame">New game</button>
</p>
<label for="videolist">Select background:</label>
<select name="videolist" id='slidepuzzle-videolist'>
</select><br>
</div>
<p id="slidepuzzle-copyright"></p>
<p id="cell-coords"></p>
</body>
</html>