【问题标题】:How do you share a video with the JavaScript SDK?您如何使用 JavaScript SDK 共享视频?
【发布时间】:2012-01-26 21:59:38
【问题描述】:

我正在使用 FB.ui 来允许用户在墙上分享一些东西。它工作正常,但我希望我可以分享一个视频 - 就像你可以使用 Open Graph 标签一样。这是我当前的代码:

$('#share').click(function() {
        FB.ui(
        {
            method: 'feed',
            name: 'App name',
            link: 'http://www.facebook.com/pages/mypage',
            picture: 'http://url.com/picture.jpg',
            caption: 'Type in a caption',
            description: 'A description of the share',
        });
    });

使用 Open Graph 标签,您可以执行以下操作:

<meta property="og:video" content="https://url.com/video.swf" />
<meta property="og:video:height" content="259" />
<meta property="og:video:width" content="398" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:image" content="https://url.comimage.jpg"/>

当 Facebook 抓取您的页面时,他们会将图片放入带有“播放”按钮的共享帖子中,然后当您单击它时,SWF 就会显示出来。

用 JS SDK 可以做到吗?

谢谢

【问题讨论】:

    标签: video facebook-javascript-sdk


    【解决方案1】:

    这个问题很老了,但这里是答案:

    <!DOCTYPE HTML>
    <html lang="en-US">
    <head>
          <meta charset="UTF-8">
          <title> Publish </title>
    </head>
    <body>
          <div id='fb-root'></div>
          <script src='http://connect.facebook.net/en_US/all.js'></script>
    
          <input type="button" value="Publish " onclick="publish(); return false;" />
    
    <script type="text/javascript">
    FB.init({appId: "APP_ID", status: true, cookie: true});
    
    function publish()
    {
          var feed = {
                method: 'feed',
                picture: 'THUMB',
                link: 'http://google.com',
                name: 'Google',
                description: 'DESCRIPTION',
                source: 'PATH_TO_SWF_OR_PLAYER_WITH_PARAMETERS',
                type: 'video',
          };
    
          function callback(response){
                if(response && response.post_id !== undefined) {
                      alert('published');
                }
          }
    
          FB.ui(feed, callback);
    }
    </script>
    </body>
    </html>
    

    更多信息here

    【讨论】:

    • 当然。我最终发现有一个“来源”属性可以为您完成所有工作。当时他们有 0 个文档,这非常令人沮丧。
    猜你喜欢
    • 2015-06-05
    • 1970-01-01
    • 2020-08-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多