Tag Archives: YouTube

Angled Youtube Embed with animation effect when hover

By | October 10, 2018

Angled Youtube Embed with animation effect when hover developed using css, html and javascript. Demo and download available. Demo Download Author Russ Pate Created JULY 10, 2018 License Open Compatible browsers Chrome, Firefox, Safari HTML Snippet <div class=”vh-100 flex justify-center items-center vh-100″> <div id=”vidWrapper” class=”vid isAngled”> <div id=”ytplayer” class=”vid-wrap”></div> </div> </div> CSS Code .vid { transition: .5s all;… Read More »

ReactJs: YouTube Instant search working with API

By | December 15, 2017

This tutorial will explain how to achieve to get YouTube instant search with API using ReactJs. You can find step by step tutorial to get the output. Demo and Download are available. DownloadDemoGitHub Before going to the tutorial, we have to setup the reactJs project. Follow the link to setup the reactjs project. Folder Structure Once the setup… Read More »

6 Responsive Background Videos

By | September 19, 2017

Hand picked responsive HTML CSS Fullscreen Background Videos. Developed using HTML, CSS, javascript and jQuery. Demo and Download the zip (*.zip) Responsive Bootstrap Video Background Playing with Bootstrap, Video Backgrounds, Cool Fonts, and (maybe other libraries and frameworks).. Features: HTML, CSS, Awesome, video, background, bootstrap Developed By: Deep Duggal Created DECEMBER 20, 2016 Demo Download YouTube Responsive Video… Read More »

YouTube V3 API to get single Video Information using Angular JS

By | January 7, 2017

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… Read More »

Embed YouTube Videos without affecting the website performance

By | January 3, 2017

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… Read More »

AngularJS: Instant YouTube video search API V3 Version tutorial

By | November 7, 2016

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.

Open Dynamic Youtube Videos in Fancybox or Modal window or Lightbox

By | March 8, 2016

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… Read More »

Get Youtube Related Videos using Youtube V3 API

By | December 8, 2015

This tutorial will explain how to get Youtube Related Videos using Youtube V3 API. YouTube will return related videos based on the youtube videoid. Also Youtube have given option for pagination and from this tutorial w3 Tweaks will explain how to achive YouTube pagination. So we can start our tutorial.

Get YouTube single video snippet or data from YouTube V3 API request

By | December 5, 2015

Here w3 tweaks done YouTube Video API call tutorial and demo for users. From this tutorial W3 Tweaks covered below functionalities.

Search YouTube Videos using YouTube V3 API using Jquery Ajax call

By | December 1, 2015

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… Read More »