Skip to main content

PHP: 2. Fetch Youtube Videos on a Static Website







Got Stuck, Want to fetch the Youtube Videos on your static website and have no clue how to do that, No worries you are at the right place just follow the steps, and you are done, enjoy the hassle-free automated videos from your youtube channel to your up and running website. No more embedded iframe manual youtube videos.

 Step 1: Convert the HTML file to PHP

Step2: Paste the following code on top of the page

<?php
ini_set('display_errors', 0);
//Get videos from channel by YouTube Data API
$API_key    = 'AIzaSyAMMD1zd1SCDSRG-FVjNxHNyMx1i3A1J6g';
$channelID  = 'Your Channel ID';
$maxResults = 10;
$videoList = json_decode(file_get_contents('https://www.googleapis.com/youtube/v3/search?order=date&part=snippet&channelId='.$channelID.'&maxResults='.$maxResults.'&key='.$API_key.''));
?>

Step 3: Loop Through Videos and their thumbnails by following code

 <?php
    foreach($videoList->items as $item){
        //Embed video
        if(isset($item->id->videoId)){
            echo '<div class="item">
                    <!-- <iframe src="https://www.youtube.com/embed/'.$item->id->videoId.'" frameborder="0" allowfullscreen></iframe> -->
                    <a href="https://www.youtube.com/embed/'.$item->id->videoId.'" target="_blank">
                    <img src="'.$item->snippet->thumbnails->high->url.'">
                    </a>
                </div>';
        }
    }
?>

Now Cheers !
Labels:

Comments

Post a Comment

Popular posts from this blog

Prompt Engineering for Web Developers: Work Smarter with AI 🚀

   AI is changing the way web applications are built. From generating components and writing tests to planning projects and reviewing code, developers can now use natural language prompts to accelerate development. This approach, often called Vibe Coding, allows developers to describe what they want and let AI generate the solution. The secret to getting quality results is Prompt Engineering : the practice of writing better prompts. 📌 The RTCF Framework A simple framework for creating effective prompts is RTCF : Role → Who should AI act as? Task → What needs to be done? Context → Why is it needed? Format → How should the output look? ❌ Weak Prompt Make me a learning app. ✅ Strong Prompt Role: Senior React Developer Task: Build a React Learning Planner Context: Users need to track learning resources through stages Format: React, Tailwind CSS, drag-and-drop, modern UI, no TypeScript Providing clear instructions dramatically improves AI o...
Post a Comment
Read more

💰 Managing Finances

Most people focus on earning more, but real wealth is built through smart investing, risk management, and disciplined financial habits. Here's a simple framework to help secure your financial future. 🎯 1. Set Financial Goals First Invest with a purpose: Emergency Fund Home Purchase Child Education Retirement Financial Independence ⚠️ 2. Control Lifestyle Inflation ✅ Good Debt Home Loan Business Loan Education Loan ❌ Bad Debt Credit Card Loan Personal Loan Consumer EMIs Rule: Keep total EMIs below 40% of monthly income . 🛡️ 3. Create an Emergency Fund Maintain 6 months of household expenses in: Fixed Deposits (FD) or Sweep-In Account Arbitrage Mutual Fund (tax-efficient for higher tax brackets) Post Office Deposits This should be your first financial priority. ❤️ 4. Protect Before You Invest Term Insurance Coverage: 10-15× Annual Income/CTC Health Insurance Keep a personal family floater policy. Do not rely only on employer...
Post a Comment
Read more

Prompt Engineering with OpenAI ChatGPT

Prompt Engineering: A Simple Guide to Better Results Many people use AI with vague prompts and hope for the best. Something like: "Write a postmortem update about yesterday's outage." often produces inconsistent results. Instead of playing Prompt Roulette , use a structured approach. A Better Workflow 1. Contract – Define what success looks like. Ask: What must be included? 2. Scaffold – Use a reusable template. For example: Summary Impact Timeline Known Facts 3. Levers – Change only one thing at a time: Add more detail Shorten the response Change the tone Adjust the audience 4. Loop – Review and improve: Generate → Review → Find one issue → Improve the prompt → Run again. Think of a Prompt as a Contract A strong prompt usually contains five parts: Instructions – What should AI do? Context – Facts and background information. Constraints – Rules and limitations. Examples – Optional style or format sa...
Post a Comment
Read more