title: How to add a Facebook share button for sharing video on a facebook in website
body: <p>I have a video's on my website and want to add Share button then users can share that video on Facebook.I can share only image.</p>
  
  <p>Initiate FB appID code:</p>
  
  <pre><code>&lt;script src="http://connect.facebook.net/en_US/all.js"&gt;&lt;/script&gt;    
      &lt;script&gt;
          window.fbAsyncInit = function() {
              FB.init({appId: '1500007870295396', status: true, cookie: true,
              xfbml: true});
          };
          (function() {
              var e = document.createElement('script'); e.async = true;
              e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
              document.getElementById('fb-root').appendChild(e);
          }());
      &lt;/script&gt;
  </code></pre>
  
  <p>Sample HTML code.</p>
  
  <pre><code>   &lt;button class="fbShare"
        data-href="http://temp.pickzy.com/ccc/images/user_post/post-photo-1452022482-1.mp4"
        data-width="500"
        data-allowfullscreen="true"
        data-autoplay="true"&gt;Share Video On FB&lt;/button&gt; 
  </code></pre>
  
  <p>Share the video script code.</p>
  
  <pre><code>&lt;script&gt;
      $('.fbShare').click(function(e){    
          e.preventDefault();
          FB.ui({
              method: 'feed',
              name: 'NAME OF YOUR VIDEO',
              link: 'http://temp.pickzy.com/ccc/images/user_post/post-photo-1452022482-1.mp4',
              picture: 'http://temp.pickzy.com/ccc/images/10.PNG',
              caption: 'YOUR CAPTION',
              description: 'YOUR DESCRIPTION',
          });
      });         
      &lt;/script&gt;
  </code></pre>
  
  <p>Any idea? Or any other method to add this button on the website?</p>