Web Niraj
  • Facebook
  • Flickr
  • Github
  • Linkedin
  • Twitter
  • YouTube
Online portfolio, code examples and developer blog
  • About
  • Contact
  • Portfolio
  • WordPress
Search the site...
  • Home
  • Code Examples
  • YouTube and Facebook (Social Video) Example

YouTube and Facebook (Social Video) Example

0

Here is an example of socialising a YouTube video with Facebook’s social plugins. In this example, I’ve integrated a simple video with the Facebook Like and Comment plugins. For styling, I’ve used the Twitter Bootstrap CSS Framework.

Working Demo

The major components on this page (youtube video, facebook plugins) are easy to integrate from elsewhere – for example, you can copy the embed code from YouTube by right-clicking on a video and selection “Copy Embed Code”. Facebook lets you use a code builder to customize the Like and Comment plugins, which you can then copy-and-paste too.

Only the styling and structural components on this page required hand-coding. Try changing the YouTube video, or the location of the Like / Comments to see just how easy it is to modify the code.

Facebook, Facebook Social Plugins, YouTube

Leave a ReplyCancel reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

StackExchange / StackOverflow

profile for Niraj Shah on Stack Exchange, a network of free, community-driven Q&A sites

Support Me

Buy Me a Coffee

PSN Profile

Tags

ACL Amazon Amazon Web Services Android Android 4.4 KitKat Android 5.0 Lollipop Apache Backup Bug Command Line Cordova cPanel / WHM Facebook Facebook Graph API Facebook PHP SDK 4.0 Facebook Social Plugins Fan Page Firewall Flash Gadget Geolocation Google Nexus 5 Hacking HTML5 iOS JavaScript jQuery Laravel 5 Linux NodeJS Parse PDF PHP Plugin Portfolio PS4 Review Security Server SSH SSL Sysadmin Tutorial WordPress WordPress Plugins
© 2011-2025 Niraj Shah
  • Blog
  • Portfolio
  • WordPress
  • About Me
  • Contact Me
  • Privacy Policy
Privacy & Cookies: This site uses cookies. By continuing to use this website, you agree to their use.
To find out more, including how to control cookies, see here: Privacy Policy