Thumbnails are used for a preview of a single or group of media entities in a single explorer window.
It saves time and gives a better focus to the user’s attention and help us grab attention and educate viewer enhancing web design project.
The description is a few words more than the title. The more words in the YouTube video description, the possibility of more exact keywords to represent on, which is very important to get found in search engines.
Video channels should know data about the video to rank better and get more public views because no one can see what exactly in the video content, so it needs data.
The main aim of the title is to represent and describe each result in the best way and which can relate to the user’s search query. The title is the foremost piece of information which is used to decide which link to click on, so it becomes important to retrieve well-understood titles on your web pages.
The titles help the search engine to crawl for the relevant data.
Title and Description plays a key role in making the video important and for search engine ranking factors.
Purpose: The article shows the title, description, and thumbnail for a particular YouTube URL link. HTML form requests a YouTube video URL for the given input.
When the user pastes the URL into the input field and submits it, this URL variable will be sent to the PHP file. After getting data from the URL, it will be previewed on the browser.
YouTube Video Data API key:
- YouTube Data API is available free for usage.
- We need the YouTube data API key for the implementation of the following example program.
- Each YouTube video will have a specific ID associated with it and this ID is passed to the API call for data retrieval. Let us see step by step how to create a YouTube data API key.
- Go to the Google Developer Console link and login to your own Google account.
- After logging in, go to the link and click on the blue-colored CREATE PROJECT button.
- We have to wait for some time until Google prepares the developers’ project.
- Fill in the project name of your own choice.
- In Google API Console, click the ‘Select a project link’.
- Then click the plus button (+) to create a project.
- Enter the project name of your own choice and select other options >> Click the create button.
- It takes a few seconds to set up a developer’s new project. Once it’s done, select your project.
- Click the library link on the left navigation menu. Under the YouTube APIs section, click the YouTube Data API link.
- Enable the YouTube Data API v3 to access the YouTube data by clicking the uppercased ENABLE button.
- Click the Credentials link on the left navigation menu. Press the “Create credentials button” selecting the API key.
- A dialog box will appear with your newly created API Key. Use this API key in the YouTube Data API v3 API request.
HTML code: The following code shows the HTML form to request YouTube video URL for the given input. When the user pasting the URL into the input field, this URL variable will be sent to the “showDetails.php” file. After getting data from the URL, it will be previewed on the browser.
PHP code: The following code demonstrates the “showDetails.php” file used in the above HTML web page.
CSS code: The following code demonstrates the “style.css” file used in the above HTML code.
The following image shows the screen before the user clicks the “Submit URL” button:
The following image is shown after the YouTube link is entered by the user and submitted:
- How to get YouTube video ID with PHP Regex ?
- How to insert YouTube video in New Google Sites ?
- Difference between REST API and SOAP API
- Get and Post method using Fetch API
- How to get daily weather notification on mobile using Node.js and Twilio API ?
- Simple GET and POST request using Fetch API method by making custom HTTP library
- YouTube Media/Audio Download using Python | pafy
- How to use Bootstrap modal for YouTube videos and play automatically ?
- Setup API for GeeksforGeeks user data using WebScraping and Flask
- HTML | Adding Youtube videos
- Pytube | Python library to download youtube videos
- AngularJS | fetch data from API using HttpClient
- How to Display Spinner on the Screen till the data from the API loads using Angular 8 ?
- PHP | Get PHP configuration information using phpinfo()
- How to get form data using POST method in PHP ?
- How to Create a Bootstrap Spinner and Display on Screen till the data from the API loads ?
- How to add API function to a simple PHP Page ?
- Web ImageData API | ImageData.data property
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to firstname.lastname@example.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.