🎬 100xDevs Video Shortcuts

A Chrome extension that adds YouTube-style keyboard shortcuts to the video player on harkirat.classx.co.in.

Control your 100xDevs course videos without touching your mouse!

---

⌨️ Keyboard Shortcuts

Playback Controls

Key	Action
Space	Play/Pause (prevents page scrolling)
K	Play/Pause (alternative)

Navigation

Key	Action
J	Seek backward 5 seconds
← (Left Arrow)	Seek backward 5 seconds
L	Seek forward 5 seconds
→ (Right Arrow)	Seek forward 5 seconds
0-9	Jump to percentage (0=0%, 5=50%, 9=90%)

Volume & Display

Key	Action
↑ (Up Arrow)	Volume up 5%
↓ (Down Arrow)	Volume down 5%
M	Toggle Mute
F	Toggle Fullscreen

---

✨ Features

• 🛡️ Input Protection - Shortcuts won't trigger while typing in text fields
• ⚡ Dynamic Loading - Works even when videos load after page load
• 🔍 Shadow DOM Support - Finds videos inside web components
• 🖼️ iFrame Support - Works with embedded video players

---

📦 Installation

Step 1: Download the Extension

Option A: Clone with Git

git clone https://github.com/nirajxdev/video-control-extension.git

Option B: Download ZIP

1. Go to the GitHub repository
2. Click Code → Download ZIP
3. Extract the ZIP file

Step 2: Load in Chrome

1. Open Chrome and go to chrome://extensions/
2. Enable Developer mode (toggle in top-right corner)
3. Click Load unpacked
4. Select the video-control-extension folder
5. Done! ✅

---

🚀 Usage

1. Go to harkirat.classx.co.in
2. Log in and open any course video
3. Click anywhere on the page (outside text inputs)
4. Use the keyboard shortcuts!

Pro Tips:

• Press K instead of Space if the page scrolls
• Use J and L for precise seeking (like YouTube)
• Number keys are great for jumping to specific parts

---

🔧 Troubleshooting

Shortcuts not working?

Issue	Solution
Just installed	Refresh the page (F5)
Typing in a field	Click outside the text field first
Extension disabled	Check chrome://extensions/ and enable it
Still not working	Open DevTools (F12) → Console → Look for [100xDevs Shortcuts] messages

Need to update the extension?

1. Pull latest changes: git pull (if cloned)
2. Go to chrome://extensions/
3. Click the 🔄 refresh icon on the extension card
4. Refresh the video page

---

📁 Project Structure

video-control-extension/
├── manifest.json    # Extension configuration
├── content.js       # Main script with shortcuts
└── readme.md        # This file

---

🤝 Contributing

Found a bug or have a feature request? Feel free to:

1. Open an issue on GitHub
2. Submit a pull request

---

📝 Notes

• 🔒 Privacy: No data is collected or sent anywhere
• 🌐 Scope: Only runs on *.classx.co.in domains
• ✅ Manifest V3: Uses the latest Chrome extension format

---

Made with ❤️ for the 100xDevs community