Video Player Extension

A feature-rich VS Code extension that allows you to play video files directly within the editor.

Features

Video Playback

• 🎬 Play MP4, WebM, OGG, and MOV video files
• ⚡ Loading screen with animated spinner
• 📊 Real-time video statistics (duration, resolution, current time)
• 🎮 Native HTML5 video controls

Playback Controls

• ⏯️ Play/Pause button
• 🔇 Mute/Unmute toggle
• 🖥️ Fullscreen mode
• ⚡ Speed controls (0.5x, 1x, 1.5x, 2x)
• 📈 Volume level indicator

Keyboard Shortcuts

• Space - Play/Pause
• Arrow Left/Right - Seek backward/forward 5 seconds
• Arrow Up/Down - Increase/decrease volume
• M - Mute/Unmute
• F - Toggle fullscreen

Error Handling

• 🛡️ Graceful error messages
• 🔄 Automatic loading state management

Usage

1. Open any supported video file (.mp4, .webm, .ogg, .mov)
2. The video player will open automatically with a loading screen
3. Use the built-in controls or keyboard shortcuts to control playback

Installation

1. Press F5 to run the extension in development mode
2. In the new VS Code window, open a video file to test

Development

To package and install:

npm install -g @vscode/vsce
vsce package
code --install-extension video-player-0.0.1.vsix