Preview video links in a small floating window.

Latest Version

Version
1.0.6
Update
January 10, 2021
Size
128KiB
Developer
Category
Users
1,000+
Rating
3.625 ★
Manifest Version
2
Web Store Status
Languages Support
Bahasa Indonesia
Bahasa Melayu
Deutsch
English
English (UK)
English (United States)
Filipino
Français
Kiswahili
Nederlands
Norsk
Tiếng Việt
Türkçe
Català
Dansk
Eesti
Español
Español (Latinoamérica)
Hrvatski
Italiano
Latviešu
Lietuvių
Magyar
Polski
Português (Brasil)
Português (Portugal)
Română
Slovenský
Slovenščina
Suomi
Svenska
čeština
Ελληνικά
Српски
български
русский
українська
עברית
فارسی‎
मराठी
हिन्दी
বাংলা
ગુજરાતી
தமிழ்
తెలుగు
ಕನ್ನಡ
മലയാളം
ไทย
አማርኛ
‫العربية
中文 (简体)
中文 (繁體)
日本語
한국어
See more
Permissions
Storage
See more

Eagle Eye - Watch videos in a floating window Extension

Eagle Eye improves the standard links in the browser. Place your mouse over a YouTube link to show a tooltip. You can click it to open the video in a minimalistic, customizable floating player.

Use Eagle Eye to view videos in Picture-in-Picture (PIP) mode.

Eagle Eye increases productivity, because you avoid opening YouTube and getting distracted by their recommendation algorithm. You can block YouTube and watch necessary content through the extension.

Eagle Eye improves communication with friends - you can watch the videos they send you while chatting. You can use it preview YouTube videos in Messenger. EE works everywhere - Messenger, Discord, Twitter, Google Search or any other random website.

Research made easier - If you are reading content that has links to a video, you can watch it while you are reading.

Features:
★ It's 100% free.
★ Clean, minimalist, beautiful design.
★ Move the floating window wherever you want.
★ Resize by dragging the bottom right corner.
★ The floating player position and size are saved.
★ There are key bindings for fast use:
- [ALT + Click] link to open Eagle Eye
- [ALT + SHIFT + Click] link to open the window muted.
- [ESC] to close
- [ALT + /] to play or pause the video.
★ You can customize key bindings in the options menu

=====================
RATE US
=====================

Do you like Eagle Eye? Consider giving it a 5-star rating and sharing it with friends :)
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "__MSG_appName__", "description": "__MSG_appDesc__", "default_locale": "en", "version": "1.0.6", "permissions": ["storage"], "options_page": "options.html", "web_accessible_resources": [ "youtubeModal.html", "tooltip.html" ], "background": { "scripts": ["background.js"], "persistent": false }, "content_scripts": [ { "matches": ["http://*/*","https://*/*"], "css": ["css/close-button.css", "css/ripple.min.css", "css/window-styles.css", "css/tippy.css"], "js": [ "js/deps/popper.min.js", "js/deps/tippy.min.js", "js/deps/interact.min.js", "js/deps/jquery.min.js", "js/deps/jquery.initialize.min.js", "js/globals.js", "js/index.js", "js/tooltip.js", "js/open-screen.js", "js/keyboard-events.js" ], "run_at": "document_start", "all_frames": true } ], "icons": { "16": "images/icon-16.png", "32": "images/icon-32.png", "48": "images/icon-48.png", "128": "images/icon-128.png" }, "manifest_version": 2}
Read more

How to download and manually install Eagle Eye - Watch videos in a floating window extension for Chrome

Looking for a way to install Eagle Eye - Watch videos in a floating window extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Eagle Eye - Watch videos in a floating window extensions manually, this article outlines two simple methods to effortlessly install Eagle Eye - Watch videos in a floating window extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Eagle Eye - Watch videos in a floating window extension and manually install through Drag &Drop

If you ever need to manually install a Eagle Eye - Watch videos in a floating window extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Eagle Eye - Watch videos in a floating window Extension by clicking the "Download CRX" button on the website.

Look for the Eagle Eye - Watch videos in a floating window extension you wish to install. Go to the website and download the Eagle Eye - Watch videos in a floating window extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Eagle Eye - Watch videos in a floating window extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Eagle Eye - Watch videos in a floating window extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Eagle Eye - Watch videos in a floating window extension for Chrome and install in Developer Mode

This is another method to install Eagle Eye - Watch videos in a floating window extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Eagle Eye - Watch videos in a floating window extension file

Select and download the Eagle Eye - Watch videos in a floating window extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Eagle Eye - Watch videos in a floating window extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Eagle Eye - Watch videos in a floating window extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Eagle Eye - Watch videos in a floating window extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Eagle Eye - Watch videos in a floating window extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Picture in Picture for Videos Extension · Productivity 1,000+ 10 ★ 74.54KiB

icon

Enhanced Floating Video Player (PIP) Extension · Productivity 1,000+ 13 ★ 22.68KiB

icon

PiP (Picture in picture) Extension · Productivity 1,000+ 331 ★ 45.83KiB

icon

Easy-Watch for YouTube Extension · Productivity 1,000+ 4 ★ 5.75MiB

icon

Separate Window Extension · Productivity 1,000+ 330 ★ 98.43KiB

icon

CIP - Picture In Picture (AKA. PIP) player Extension · Fun 1,000+ 11 ★ 9.67KiB

icon

Floating Video with Playback Controls Extension · Accessibility 1,000+ 238 ★ 475KiB

icon

Always Video ᴴᴷ - Beta ( PiP Automation ) Extension · Productivity 1,000+ 57 ★ 1.94MiB

icon

Picture-in-Picture Extension by c4r Extension · Fun 1,000+ 35 ★ 13.94KiB

icon

Floating Player for Youtube™ Videos Extension · Productivity 1,000+ 554 ★ 60.16KiB

icon

Floating Video Player for Youtube™ Videos Extension · Productivity 1,000+ 260 ★ 211KiB

icon

PiPControl - Picture-in-Picture Control Extension · Productivity 1,000+ 11 ★ 11.0KiB

icon

Anywhere Player for YouTube™ Extension · Fun 1,000+ 3 ★ 55.4KiB

icon

VideoStickers Extension · Productivity 1,000+ 1 ★ 9.18KiB

icon

uView Floating Player - Picture in Picture Extension · Productivity 1,000+ 9 ★ 137KiB

icon

Picture-in-Picture Plus Extension · Fun 1,000+ 3 ★ 4.23KiB

icon

Floating Video Player Extension · Accessibility 1,000+ 279 ★ 70.8KiB

icon

PiP Unblocker Extension · Productivity 1,000+ 13 ★ 6.24KiB

icon

Popout Plus Extension · Productivity 1,000+ 8 ★ 695KiB

icon

PIP Buddy - Your friendly Picture in Picture Extension · Fun 1,000+ 4 ★ 218KiB

icon

Windowed - floating Youtube/every website Extension · Productivity 1,000+ 349 ★ 43.78KiB

icon

Picture in Picture - floating video player Extension · Productivity 1,000+ 295 ★ 50.1KiB

icon

悬浮画中画播放器 Extension · Fun 1,000+ 60 ★ 122KiB

icon

Picture in Picture - Floating player Extension · Productivity 1,000+ 555 ★ 100KiB

User reviews

icon

eThax Kew (ID: 0000002104bb373f) Voted 5 ★ - Updated 06/17/2023 looks like this haven't been update for the long time for youtube shorts or portrait support add the followings and load it with developer mode. (if you need help, ask) globals.js 1) replace with these const EXTRACT_YOUTUBE_VIDEO_ID_REGEX = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(shorts\/)|(watch\?))\??v?=?(^#&?*).*/ const EXTRACT_YOUTUBE_START_TIME_REGEX = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|shorts\/|watch\?v=|\&v=)(^#\&\?*)(?:(\?t|\&t|&start)=(\d+))?.*/ open-screen.js at the end of function extractVideoId(value) 1) replace it with this return (match && match8.length==11) ? match8 : false; open-screen.js 1) in function isYoutubeVideoLink(target) replace with this const urlTests = 'youtube', 'youtu.be', 'watch', 'shorts' 2) add this const isShorts = contains(target.href, 'shorts'); 3) at the end replace with this return { videoUrl: videoUrl, startTime: startTime, isShorts: isShorts} open-screen.js in eventtrigger $(document).on('click', '.eagle-eye-tooltip', function(ev) 1) at the end replace with this showPopup(isYoutube.videoUrl, isYoutube.startTime || 0, isYoutube.isShorts) index.js at this line function showPopup(videoId, startTime) 1) replace it with this function showPopup(videoId, startTime, isShorts=false) add this whole condition if (isShorts) { let tempTotalWidth = totalWidth; totalWidth = totalHeight; totalHeight = tempTotalWidth; } just above the line bellow (exactly as seen here) if (document.getElementsByClassName('overlay-yt-extension').length)

icon

Manuel Augman García (ID: 000000964a1f272a) Voted 5 ★ - Updated 10/31/2022 GREAT!!! Ecelente!!!

icon

Asher GZ (ID: 000000c1798707ad) Voted 1 ★ - Updated 02/09/2022 Only works on the same page as the source video, making the whole floating aspect pointless

icon

forpost 0001 (ID: 000000c7d05245e6) Voted 4 ★ - Updated 08/06/2021 Работает только на той вкладке ,где оно запущено! :(

icon

Виктория Генова (ID: 0000000ac6caea90) Voted 5 ★ - Updated 11/05/2020 It's useful if you want to open a video right away instead of going to the page