youtube

  • HTML Background Videos

    6 Responsive Background Videos

    Hand picked responsive HTML CSS Fullscreen Background Videos. Developed using HTML, CSS, javascript and jQuery. Demo and Download the zip (*.zip)

  • Angled Youtube Embed with animation effect when hover

    Angled Youtube Embed with animation effect when hover

    Angled Youtube Embed with animation effect when hover developed using css, html and javascript. Demo and download available.

  • Instant YouTube video search API V3 Version tutorial

    AngularJS: Instant YouTube video search API V3 Version tutorial

    In my previous article “instant YouTube video search” tutorial, I just used plain JavaScript with JQuery. In this tutorial I used AngularJS for YouTube instant video search with pagination option and API I used YouTube V3 API.End of the tutorial demo and download option is available for your reference.

  • Embed youtube video without affecting the website performance

    Embed YouTube Videos without affecting the website performance

    This tutorial will explain how to embed the YouTube videos in better way and without affecting the performance of the website. Play the YouTube videos after the clicking the YouTube thumbnail image. This code will reduce the website server request, improve page speed score and reduce the size of the page content. CSS code written to support the video in responsive way.

  • How to get youtube API Key

    Get YouTube API Credentials

    From this tutorial, we will able to understand how to generate YouTube API keys for getting YouTube data. Once the Credentials are created we can write YouTube API code to fetch the data from YouTube server.

  • open dynamic youtube videos in modelbox fancybox

    Open Dynamic Youtube Videos in Fancybox or Modal window or Lightbox

    This tutorial explain how to embed the dynamic YouTube videos or how to play youtube videos in fancybox / Light box on clicking the YouTube thumbnail. W3 Tweaks added the YouTube videos in fancy box on top off YouTube API video search tutorial from w3 Tweaks [link]. From this tutorial user's can able to achieve to open the YouTube videos in Fancy Box with dynamic YouTube videos.

  • YouTube Video Search V3 API Demo Screenshot

    Search YouTube Videos using YouTube V3 API using Jquery Ajax call

    W3 Tweaks developed the YouTube Search V3 API tutorial and demo for the user. So here we have covered YouTube search autocomplete suggestion API and YouTube Video search API. We already have separate tutorial for search suggestion with basic implementation. From this tutorial user can easily understand merging both API in single demo. YouTube pagination also implemented user can find the demo and download instent youtube search code below

  • YouTube V3 API to get single Video Information using Angular JS

    YouTube V3 API to get single Video Information using Angular JS

    In my recent comment box one of my reader asking me to create a demo for the YouTube single video snippet using AngularJS ui-router. I have already created the tutorial and demo for YouTube single video snippet using core JS and with using jQuery (link). I have created the tutorial again using AngularJS for my reader who requested the demo and for my users too. This tutorial will explain you how to load single YouTube video and it’s information in the webpage using AngularJS.