Youtube search API update

maxim_ganiev · October 12, 2020, 8:09pm

Hi mozzilians!
I’ve noticed that original solution suggested by mdn (the link to the repo in below) returns bunch of errors in console.

https://github.com/mdn/learning-area/tree/master/javascript/apis/third-party-apis/youtube

Thus i’ve rearanged it using the newer fetch() method, maybe smn will find it helpful. DO NOT FORGET to enter your own API
Link to my repo in below:

https://github.com/maxganiev/youtube-seach-API/blob/main/youtube-search.html

justsomeone · October 13, 2020, 1:37pm

thanks for sharing that @maxim_ganiev

maxim_ganiev · October 13, 2020, 6:48pm

wlcm bud! @justsomeone

maxim_ganiev · October 18, 2020, 8:59pm

pls refer to the updated link in below

github.com

maxganiev/youtube-search-API/blob/main/youtube-search.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Youtube search API</title>
</head>
<body>
  <section>
    <div id="input-div">
      <h4>Enter a keyword to retrieve Youtube videos</h4>
      <input type="search" id="input-search">
      <button id="btn-submit-search">Search</button>
      <button id="btn-prevPage">Prev 25</button>
      <button id="btn-nextPage">Next 25</button>
    </div>
    <div id="output-div">
      <div id="player"></div>
    </div>
  </section>

This file has been truncated. show original

justsomeone · October 19, 2020, 8:50am

thanks again @maxim_ganiev