Opens a separate window for YouTube video playback on Tinychat.
This script allows users to play YouTube videos in a separate window while using Tinychat. Here's a simpler description of the code:
It defines a pattern for YouTube URLs and a function to get the YouTube API key.
The API key is fetched and stored.
A function to open a separate window for video playback is defined.
CSS styles are added for a video button.
A menu command is created to clear the stored video URL.
The script checks for a stored video URL and displays a video button if found.
A function is defined to create a YouTube search bar, which includes:
• A search input field and a datalist element for search suggestions.
• An event listener to get search results using the YouTube API when the input is updated.
• A search button to play the selected video and store its URL.
The search bar is created by calling the function.
Edit the 'ADD_YOUR_API_KEY' with your own key on line 26
Get your API Key here: https://console.cloud.google.com
Step 1. 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
