GithubHelp home page GithubHelp logo

full-stack-web-developer-and-designer / yt-search-videos Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 1.0 141 KB

A complete YouTube video search script.

Home Page: https://full-stack-web-developer-and-designer.github.io/yt-search-videos/

CSS 46.55% HTML 24.37% JavaScript 29.07%
fancybox html-css-javascript jquery mirnesglamocic youtube-api

yt-search-videos's Introduction

YouTube Search Engine

This is the YouTube Search Engine repository that contains a complete YouTube video search script. Search box is animated on blur and focus with jQuery.

So when you click on the search box, it will expand, animate and enlarge, and when you click outside the search box, it will shrink again.

In this project, it's built a search engine using YouToube data API v3. When typing something into the search bar it's gonna search YouTube videos that match the search phrase and then display them nicely on the website. With a click on the title of the video, it will open up in the application, without redirecting to YouTube.

It will show up as a result of five videos without showing ads, and when scroll down it will appear options for going to the next page. If we go to the next it will also appear the button for the back to the previous page.

This project is done with semantic HTML5 markup, CSS styling, YouTube Data API v3, jQuery channelList() and searchList() methods, FancyBox JavaScript plugin to open videos and JavaScript functions for previous and next paging.

PREVIEW

Mirnes Glamočić

yt-search-videos's People

Contributors

full-stack-web-developer-and-designer avatar

Stargazers

 avatar

Watchers

 avatar

Forkers

5cekrw

yt-search-videos's Issues

Hello

Is it possible to adjust the video playback position to display in another custom location instead of the popup?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.