mirror of
				https://github.com/SoPat712/videospeed.git
				synced 2025-10-30 10:33:57 -04:00 
			
		
		
		
	
		
			
				
	
	
		
			85 lines
		
	
	
		
			3.1 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			85 lines
		
	
	
		
			3.1 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <!DOCTYPE html>
 | |
| <html>
 | |
| 	<head>
 | |
| 		<title>Video Speed Controller: Options</title>
 | |
| 		<link rel="stylesheet" href="options.css" />
 | |
| 		<script src="options.js"></script>
 | |
| 	</head>
 | |
| 	<body>
 | |
| 		<header>
 | |
| 			<h1>Video Speed Controller</h1>
 | |
| 		</header>
 | |
| 
 | |
|     <section>
 | |
|       <h3>Shortcuts</h3>
 | |
|       <div class="row">
 | |
|         <label for="rewindKeyInput">Rewind</label>
 | |
|         <input id="rewindKeyInput" placeholder="press a key" type="text" value=""/>
 | |
|       </div>
 | |
|       <div class="row">
 | |
|         <label for="advanceKeyInput">Advance</label>
 | |
|         <input id="advanceKeyInput" placeholder="press a key" type="text" value=""/>
 | |
|       </div>
 | |
|       <div class="row">
 | |
|         <label for="resetKeyInput">Reset speed</label>
 | |
|         <input id="resetKeyInput" placeholder="press a key" type="text" value=""/>
 | |
|       </div>
 | |
|       <div class="row">
 | |
|         <label for="slowerKeyInput">Decrease speed</label>
 | |
|         <input id="slowerKeyInput" placeholder="press a key" type="text" value=""/>
 | |
|       </div>
 | |
|       <div class="row">
 | |
|         <label for="fasterKeyInput">Increase speed</label>
 | |
|         <input id="fasterKeyInput" placeholder="press a key" type="text" value=""/>
 | |
|       </div>
 | |
|     </section>
 | |
| 
 | |
|     <section>
 | |
| 			<h3>Others</h3>
 | |
|   		<div class="row">
 | |
|           <label for="rewindTime">Rewind Time (s)</label>
 | |
|           <input id="rewindTime" type="text" value=""/>
 | |
|       </div>
 | |
|   	<div class="row">
 | |
|           <label for="advanceTime">Advance Time (s)</label>
 | |
|           <input id="advanceTime" type="text" value=""/>
 | |
|       </div>
 | |
|       <div class="row">
 | |
|           <label for="speedStep">Speed Change Step</label>
 | |
|           <input id="speedStep" type="text" value=""/>
 | |
|       </div>
 | |
|       <div class="row">
 | |
|           <label for="rememberSpeed">Remember Playback Speed</label>
 | |
|           <input id="rememberSpeed" type="checkbox"/>
 | |
|       </div>
 | |
|     </section>
 | |
| 
 | |
|     <button id="save">Save</button>
 | |
| 		<button id="restore">Restore Defaults</button>
 | |
| 
 | |
|     <div id="status"></div>
 | |
| 
 | |
|     <div id="faq">
 | |
|       <hr />
 | |
| 
 | |
|       <h4>The video controls are not showing up?</h4>
 | |
|       <p>This extension is only compatible with HTML5 video. If you don't see the controls showing up, chances are you are viewing a Flash video. If you want to confirm, try right-clicking on the video and inspect the menu: if it mentions flash, then that's the issue. That said, <b>most sites will fallback to HTML5</b> if they detect that Flash it not available. You can try manually disabling Flash plugin in Chrome:</p>
 | |
| 
 | |
|       <ul>
 | |
|         <li>In a new tab, navigate to <code>chrome://plugins</code></li>
 | |
|         <li>Disable "Adobe Flash Player"</li>
 | |
|         <li>Restart your browser and try playing your video again</li>
 | |
|       </ul>
 | |
| 
 | |
|       <h4>The speed controls are not showing up for local videos?</h4>
 | |
|       <p>To enable playback of local media (e.g. File > Open File), you need to grant additional permissions to the extension.</p>
 | |
| 
 | |
|       <ul>
 | |
|         <li>In a new tab, navigate to <code>chrome://extensions</code></li>
 | |
|         <li>Find "Video Speed Controller" extension in the list and enable "Allow access to file URLs"</li>
 | |
|         <li>Open a new tab and try opening a local file, the controls should show up</li>
 | |
|       </ul>
 | |
|     </div>
 | |
|   </body>
 | |
| </html>
 | 
