Skip to content

Instantly share code, notes, and snippets.

@niraj-shah
Created February 7, 2013 10:06
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save niraj-shah/4730032 to your computer and use it in GitHub Desktop.
Save niraj-shah/4730032 to your computer and use it in GitHub Desktop.
YouTube and Facebook (Social Video) Example
<!DOCTYPE html>
<html>
<!--
Created using jsbin.com
Source can be edited via http://jsbin.com/elafon/1/edit
-->
<head>
<title>YouTube - Like Button - Comments</title>
<link href="socialYoutube.css" rel="stylesheet">
</head>
<body>
<!--
Code by: Niraj Shah - www.webniraj.com
-->
<div>
<div>
<div>
<a >Youtube Social App</a>
<div>
</div>
</div>
</div>
</div>
<div style="padding-top: 60px;">
<div style="width: 680px;">
<div>
<!-- YouTube Video -->
<iframe width="640" height="360" src="https://www.youtube.com/embed/sK5eschuK0U?feature=player_embedded" frameborder="0" allowfullscreen></iframe>
</div>
<!-- Facebook SDK include -->
<div id="fb-root"></div>
<script src="//connect.facebook.net/en_US/all.js#appId=224597957564170&amp;xfbml=1"></script>
<!-- Facebook Like Button -->
<div>
<fb:like href="https://www.youtube.com/watch?v=sK5eschuK0U" send="true" width="640" show_faces="true" font=""></fb:like>
</div>
<!-- Facebook Comments -->
<div>
<fb:comments href="https://www.youtube.com/watch?v=sK5eschuK0U" num_posts="5" width="640"></fb:comments>
</div>
</div>
</div>
<script>
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment