Video Container Extension This extension allows you to detach videos from web pages into a standalone floating container. It provides zooming features, filter adjustments, opacity control, and convenient customization options for a better viewing experience.

Features Detach videos: Move videos from a webpage into a separate floating container. Zoom: Use mouse wheel, double-click, or pinch-to-zoom gestures (on touch devices) to scale the video. Filter adjustments: Tweak brightness, contrast, saturation, hue, and more. Opacity controls: Adjust video opacity separately from the container background opacity. Container management: Move, resize, and customize the container freely. Selection-based zoom: Press Shift, then click and drag an area to zoom in on that region of the video. Context menu: Right-click inside the container for filters, toggling the interface, and more. Interface toggle: Hide or show the container’s UI from the context menu. Minimal sidebar: When the interface is hidden and container is fully transparent, a thin top line is shown, allowing you to move the container and restore the interface if needed. Usage Installing the Extension (Developer Mode):

Enable Developer Mode in chrome://extensions. Click "Load unpacked" and select the extension’s folder. Once loaded, all pages containing videos will show a "G" button on videos when hovered.

Detaching a Video:

Hover over a video and click the "G" button. The video moves to a new floating container. To return the video to the page, click "G" inside the container again. Zooming:

Mouse wheel: Hover over the container and scroll to zoom in/out. Double-click on the video: Toggle between normal scale (1x) and zoomed (2x). Pinch-to-zoom on touch devices: Use two fingers to zoom in/out. Moving the Video:

Click and drag the video to move it inside the container. No boundaries: move the video any direction freely. Selection Zoom:

Press and hold Shift, then click and drag a selection box over the video. Release the mouse to zoom into the selected area. Filters & Opacity:

Right-click inside the container to open the context menu. Choose "Open filters" to show the filter panel. Adjust sliders for brightness, contrast, etc. Adjust "Video Opacity" to control the video’s transparency. Adjust "Container Opacity" to control the container’s background transparency, not affecting the video itself. Interface Visibility:

From the context menu, choose "Hide interface" or "Show interface". When the interface is hidden and container is fully transparent, a minimal top sidebar appears for moving the container and restoring the interface. Keyboard Shortcuts:

• or =: Zoom in slightly.

• or _: Zoom out slightly. 0: Reset zoom and position. Reattaching the Video:

Inside the container, click the "G" button to return the video to its original page. License and Usage You may use this extension for personal and non-commercial purposes without fee. This includes the right to download, install, and privately use it on your own devices, as well as share it with others for non-commercial use.

For any commercial usage, you must obtain prior written permission. If you have questions or would like to discuss licensing, contact the author at: [email protected]

Copyright © [email protected]. All rights reserved.

All code, designs, and related intellectual property are protected by copyright law. Unauthorized reproduction, modification, or distribution beyond the allowances stated above is strictly prohibited.

By using this extension, you agree to these terms. Any breach may result in revocation of your right to use the extension and potential legal action.