Opens a separate window for YouTube video playback on Tinychat.
This userscript enables users to play YouTube videos in a separate window while on Tinychat. The code does the following:
1. Defines a YouTube URL pattern and fetches the YouTube API key.
2. Stores the API key.
3. Creates a function to open a video playback window.
4. Adds CSS styles for a video button.
5. Sets up a menu command to clear the stored video URL.
6. Displays a video button if a stored video URL is found.
7. Defines a function for a YouTube search bar, which includes:
• A search input field and a datalist for search suggestions.
• An event listener that fetches search results using the YouTube API upon input updates.
• A search button to play the chosen video and save its URL.
8. Calls the function to create the search bar.
**HOW-TO INSTALL INSTRUCTIONS**
Edit the 'ADD_YOUR_API_KEY' with your own key on line 26
Get your API Key by following the steps below:
Step 1. Visit https://console.cloud.google.com and select "Create New Project"
Step 2. Go To Credentials Screen
Step 3. Click Create Credentials
Step 4. Click Enabled APIs
Step 5. Search & Choose YouTube V3 API
Step 6. Go to Credentials, Edit API Key, API Restrictions, Choose YouTube V3 API
NOTE: You may have to repeat these steps if the script stops working (limited API requests per day)
