<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="Content-Language" content="ja"> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<script type="text/javascript" src="./jquery-3.7.1.min.js"></script>

<link rel="stylesheet" type="text/css" href="./style.css">
<link rel="stylesheet" type="text/css" href="./player.css">
<link rel="stylesheet" type="text/css" href="./bootstrap-5.3.0-dist/css/bootstrap.css">

<script type="text/javascript" src="./bootstrap-5.3.0-dist/js/bootstrap.js"></script>
<title>
2024年度教育研究支援センター研修 - Lightning Talk 研修
</title>
</head>
<body>
<div id="video-container">
    <video id="myVideo" width="1000">
        <source src="20240925LT-digest.mp4" type="video/mp4">
        お使いのブラウザは動画タグに対応していません。
    </video>
    <div id="video-controls">
        <button id="playBtn"  class="btn btn-light">再生</button>
        <button id="pauseBtn" class="btn btn-light">一時停止</button>
        <button id="stopBtn"  class="btn btn-light">停止</button>
        <input class="progress progress-bar" role="progressbar"  type="range" id="progress" value="0" step="1" min="0">
	<input class="progress" type="range" id="volume" value="50" step="1" min="0" max="100">
    </div>
</div>

<script src="player.js"></script>

</body>
</html>