Youtube API Search Lite with Multi Pages – Simple PHP Integration

Introduction

The YouTube API Search Lite is a powerful tool that allows developers to search for YouTube videos and retrieve their metadata, such as titles, descriptions, and thumbnails. The API provides a simple and efficient way to integrate YouTube search functionality into web applications, mobile apps, and other platforms.

In this tutorial, we will explore how to use the YouTube API Search Lite with multi-page functionality in a PHP application. We will create a simple search form that allows users to search for YouTube videos and display the results in a paginated manner, using the YouTube API to retrieve the video data.

Prerequisites

Before starting this tutorial, make sure you have the following:

• A Google Developers Console project set up with the YouTube Data API v3 enabled
• A valid API key (OAuth client ID) for your project
• PHP 5.6 or later installed on your server
• A text editor or IDE of your choice

Step 1: Setting up the API Key

To use the YouTube API, you need to create an API key for your project. Follow these steps:

1. Go to the Google Developers Console and select your project.
2. Click on "APIs & Services" in the sidebar and search for "YouTube Data API v3".
3. Click on the "YouTube Data API v3" tile and click on the "Enable" button.
4. Click on the "Create credentials" button and select "OAuth client ID".
5. Choose "Other" as the application type and enter a name for your client ID.
6. Click on the "Create" button to create the client ID.
7. You will be given a API key, which you will use to authenticate your API requests.

Step 2: Creating the Search Form

Create a new PHP file called search.php and add the following code:

<?php
// Initialize the API key
$api_key = 'YOUR_API_KEY_HERE';

// Initialize the search query
$search_query = '';

// Create a search form
?>
<form action="<?php echo $_SERVER['PHP_SELF'];?>" method="post">
    <input type="text" name="search_query" placeholder="Search for YouTube videos...">
    <input type="submit" value="Search">
</form>

Replace YOUR_API_KEY_HERE with your actual API key.

Step 3: Handling the Search Request

Add the following code to your search.php file to handle the search request:

<?php
// Handle the search request
if (isset($_POST['search_query'])) {
    $search_query = $_POST['search_query'];
}

// Set the API request parameters
$params = array(
    'part' => 'id,snippet',
    'q' => $search_query,
    'maxResults' => 10, // Set the number of results per page
    'key' => $api_key,
);

// Set the API request URL
$url = 'https://www.googleapis.com/youtube/v3/search?'. http_build_query($params);

// Make the API request
$response = json_decode(file_get_contents($url), true);

// Check if the API request was successful
if (!empty($response['error'])) {
    echo 'Error: '. $response['error']['message'];
    exit;
}

// Extract the video metadata
$videos = array();
foreach ($response['items'] as $video) {
    $videos[] = array(
        'id' => $video['id']['videoId'],
        'title' => $video['snippet']['title'],
        'description' => $video['snippet']['description'],
        'thumbnail' => $video['snippet']['thumbnails']['default']['url'],
    );
}
?>

This code sets the API request parameters, makes the API request, and extracts the video metadata from the response.

Step 4: Creating the Multi-Page Layout

Add the following code to your search.php file to create the multi-page layout:

<?php
// Create the pagination links
$pagination_links = array();
for ($i = 1; $i <= ceil(count($videos) / 10); $i++) {
    $pagination_links[] = '<a href="#page-'. $i. '">'. $i. '</a>';
}

// Display the video list
echo '<ul>';
foreach ($videos as $video) {
    echo '<li>';
    echo '<h2>'. $video['title']. '</h2>';
    echo '<p>'. $video['description']. '</p>';
    echo '<img src="'. $video['thumbnail']. '">';
    echo '</li>';
}
echo '</ul>';

// Display the pagination links
echo '<div>';
echo '<ul>';
foreach ($pagination_links as $link) {
    echo '<li>'. $link. '</li>';
}
echo '</ul>';
echo '</div>';
?>

This code creates the pagination links and displays the video list in an unordered list.

Step 5: Handling Page Changes

Add the following code to your search.php file to handle page changes:

<?php
// Handle page changes
if (isset($_GET['page'])) {
    $page = (int) $_GET['page'];
    $offset = ($page - 1) * 10;
    $videos = array_slice($videos, $offset, 10);
}
?>

This code checks if the page parameter is set, and if so, sets the offset and limits the video list to the specified page.

Conclusion

In this tutorial, we have learned how to use the YouTube API Search Lite with multi-page functionality in a PHP application. We created a search form, handled the search request, extracted the video metadata, and created a multi-page layout. We also handled page changes to allow users to navigate through the search results.

Remember to replace YOUR_API_KEY_HERE with your actual API key and adjust the pagination settings to suit your needs. With this tutorial, you can now integrate YouTube search functionality into your own web application or project.