{"id":1218,"date":"2021-04-15T20:43:25","date_gmt":"2021-04-15T20:43:25","guid":{"rendered":"https:\/\/html5-chat.com\/blog\/?p=1218"},"modified":"2021-04-15T20:43:25","modified_gmt":"2021-04-15T20:43:25","slug":"using-youtube-search-api","status":"publish","type":"post","link":"https:\/\/html5-chat.com\/blog\/using-youtube-search-api\/","title":{"rendered":"Using youtube Search API"},"content":{"rendered":"\n<p>You can now enable Youtube Search API to add youtube searching.<\/p>\n\n\n\n<p>First you need to get your personal youtube API key from : <a href=\"https:\/\/developers.google.com\/youtube\/v3\/getting-started\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/developers.google.com\/youtube\/v3\/getting-started<\/a><\/p>\n\n\n\n<p>Once you got that key  (ex: AIzaSyBsdbcJ1YhvG64t9n541CqOHcXiXXXXXX), you can update your chat config and set that key.<\/p>\n\n\n\n<p>Now, anytime you press the youtube button, you will be prompted to enter the search keyword.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"722\" height=\"342\" src=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2021\/04\/search1.png\" alt=\"\" class=\"wp-image-1219\" srcset=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2021\/04\/search1.png 722w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2021\/04\/search1-300x142.png 300w\" sizes=\"auto, (max-width: 722px) 100vw, 722px\" \/><figcaption>Input search modal<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"605\" height=\"550\" src=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2021\/04\/search2.png\" alt=\"Youtube search\" class=\"wp-image-1220\" srcset=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2021\/04\/search2.png 605w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2021\/04\/search2-300x273.png 300w\" sizes=\"auto, (max-width: 605px) 100vw, 605px\" \/><figcaption>Results of the youtube search.<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>You can now enable Youtube Search API to add youtube searching. First you need to get your personal youtube API key from : https:\/\/developers.google.com\/youtube\/v3\/getting-started Once you got that key (ex: AIzaSyBsdbcJ1YhvG64t9n541CqOHcXiXXXXXX), you can update your chat config and set that key. Now, anytime you press the youtube button, you will be prompted to enter the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1222,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1218","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/1218","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/comments?post=1218"}],"version-history":[{"count":1,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/1218\/revisions"}],"predecessor-version":[{"id":1221,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/1218\/revisions\/1221"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/media\/1222"}],"wp:attachment":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/media?parent=1218"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/categories?post=1218"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/tags?post=1218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}