joshpatra/videospeed
1
0
Fork 0
mirror of https://github.com/SoPat712/videospeed.git synced 2025-08-21 18:08:46 -04:00
Code Issues Packages Projects Releases Wiki Activity

cleanup options page

Browse Source
This commit is contained in:
Ilya Grigorik
2014-08-24 23:01:29 -07:00
parent 33da3f2a5e
commit 2c4dcf192d
1 changed files with 41 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
options.html
View File

@@ -1,49 +1,50 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>HTML5 Video Playback Speed Controller Options</title> <title>Video Speed Controller: Options</title>
<link rel="stylesheet" type="text/css" href="options.css" /> <link rel="stylesheet" href="options.css" />
<script src="options.js"></script>
</head> </head>
<body> <body>
<header> <header>
<h1>HTML5 Video Playback Speed Controller</h1> <h1>Video Speed Controller</h1>
</header> </header>
<section> <section>
<h3>Shortcuts</h3> <h3>Shortcuts</h3>
<div class="row"> <div class="row">
<label for="rewindKeyInput">Rewind</label> <label for="rewindKeyInput">Rewind</label>
<input id="rewindKeyInput" placeholder="press a key" type="text" value=""/> <input id="rewindKeyInput" placeholder="press a key" type="text" value=""/>
</div> </div>
<div class="row"> <div class="row">
<label for="slowerKeyInput">Slow Down</label> <label for="slowerKeyInput">Slow Down</label>
<input id="slowerKeyInput" placeholder="press a key" type="text" value=""/> <input id="slowerKeyInput" placeholder="press a key" type="text" value=""/>
</div> </div>
<div class="row"> <div class="row">
<label for="fasterKeyInput">Speed Up</label> <label for="fasterKeyInput">Speed Up</label>
<input id="fasterKeyInput" placeholder="press a key" type="text" value=""/> <input id="fasterKeyInput" placeholder="press a key" type="text" value=""/>
</div> </div>
</section> </section>
<section> <section>
<h3>Others</h3> <h3>Others</h3>
<div class="row"> <div class="row">
<label for="rewindTime">Rewind Time (s)</label> <label for="rewindTime">Rewind Time (s)</label>
<input id="rewindTime" type="text" value=""/> <input id="rewindTime" type="text" value=""/>
</div> </div>
<div class="row"> <div class="row">
<label for="speedStep">Speed Change Step</label> <label for="speedStep">Speed Change Step</label>
<input id="speedStep" type="text" value=""/> <input id="speedStep" type="text" value=""/>
</div> </div>
<div class="row"> <div class="row">
<label for="rememberSpeed">Remember Playback Speed</label> <label for="rememberSpeed">Remember Playback Speed</label>
<input id="rememberSpeed" type="checkbox"/> <input id="rememberSpeed" type="checkbox"/>
</div> </div>
</section> </section>
<button id="save">Save</button> <button id="restore">Restore Defaults</button> <button id="save">Save</button>
<div id="status"></div> <button id="restore">Restore Defaults</button>
<div id="status"></div>
</body> </body>
<script type="text/javascript" src="options.js"></script> </html>
</html>