title: Facebook JS SDK: "(#100) No permission to publish the video" error
body: <p>I'm trying to publish a video file to my Facebook feed</p>
  
  <p>My App is in <strong>Development</strong> mode</p>
  
  <p>Here is how I init an SDK:</p>
  
  <pre><code>$(document).ready(function() {
      initFacebook();
  });
  
  function initFacebook(){
    window.fbAsyncInit = function() {
      FB.init({
       appId      : '2xxxxxxxx7',
       cookie     : true,
       xfbml      : true,
       version    : 'v3.1'
      });
  
      FB.AppEvents.logPageView();
    };
  
    (function(d, s, id){
       var js, fjs = d.getElementsByTagName(s)[0];
       if (d.getElementById(id)) {return;}
       js = d.createElement(s); js.id = id;
       js.src = "https://connect.facebook.net/en_US/sdk.js";
       fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
  }
  </code></pre>
  
  <p>Here is how I login:</p>
  
  <pre><code>var FB_ACCESS_TOKEN = null;
  var FB_USER_ID = null;
  
  FB.login(function(response) {
     if (response.status === 'connected') {
       FB_ACCESS_TOKEN = response.authResponse.accessToken;
       FB_USER_ID = response.authResponse.userID;
     } 
  }, {scope: 'publish_video'});
  </code></pre>
  
  <p>Then I have a file input and its event callback:</p>
  
  <pre><code>&lt;input id="video-picker" type="file"/&gt;
  
  $("#video-picker").change(function (event) {
     var file = this.files[0];
     post(file);
  });
  </code></pre>
  
  <p>And now I'm trying to post:</p>
  
  <pre><code>function post(file){
    var formData = new FormData();
    formData.append('title', "My awesome video title");
    formData.append('description', 'My awesome video');
    formData.append('source', file);
    var url = 'https://graph-video.facebook.com/v3.1/' + FB_USER_ID + '/videos?access_token='+FB_ACCESS_TOKEN;
    $.ajax({
      type: "POST",
      url: url,
      data: formData,
      contentType: false,
      processData: false,
      success: function(data){
        console.log("SUCCESS", data);
      },
      error: function(data) {
        console.log("ERROR", data);
      }
    });
  }
  </code></pre>
  
  <p>But I'm getting the following error:</p>
  
  <pre><code>{
     "error": {
        "message": "(#100) No permission to publish the video",
        "type": "OAuthException",
        "code": 100,
        "fbtrace_id": "D16rmDQzzT6"
     }
  }
  </code></pre>
  
  <p>I do not understand what is wrong:</p>
  
  <ul>
  <li>I added the 'publish_video' permissions</li>
  <li>I/m trying to upload a '.mov' file </li>
  </ul>
  
  <p>Here is the permissions my token has:</p>
  
  <pre><code>{
    "data": [
    {
      "permission": "publish_video",
      "status": "granted"
    },
    {
      "permission": "public_profile",
      "status": "granted"
    }
    ]
  }
  </code></pre>
  
  <p>Any ideas what's wrong?</p>