2015-05-22 5 views
0

Я добавляю кнопку Facebook на свой сайт. Я могу настроить его, чтобы включить изображение в сообщение, но я хотел бы включить его в видео. Как бы это сделать, используя FB.ui feed parameters?Добавить кнопку Facebook Share с видео на сайт

Вот мой рабочий код для добавления картинки:

<!-- Facebook share script --> 
<div id="fb-root"></div> 
<script>(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 = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3&appId=*********"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

<div class="fb-share-button" data-href="#{@project_url}" data-layout="icon"> 
     <%= image_tag "facebook.png", :class=>"social_icon" %> 
</div> 

$('.fb-share-button').click(function(e){ 
    e.preventDefault(); 
    FB.ui(
     { 
     method: 'feed', 
     name: "<%[email protected]%>", 
     link: '<%[email protected]_url%>', 
     picture: '<%[email protected]_file_url%>', 
     caption: ' ', 
     description: ' ', 
     message: '' 
    }); 
}); 

ответ

0

Вместо использования метода подачи FB я использовал общий доступ, и это было связано с метатагами, которые я включил для своей веб-страницы. Это закончило работу!

Для справки, это то, что это выглядело как:

$('.fb-share-button').click(function(e){ 
    e.preventDefault(); 
    FB.ui({ 
     method: 'share', 
     href: '<%[email protected]_url%>', 
    }, function(response){}); 
    }); 

и мои метатеги:

<!-- Facebook tags --> 
<meta property="fb:app_id"    content="811332718952118"/> 
<meta property="og:type"    content="video.other"/> 
<meta property="og:url"    content="<%[email protected]_url%>" /> 
<meta property="og:title"    content="<%[email protected]%>'s Spin" /> 
<meta property="og:description"  content=" " /> 
<meta property="og:video"    content="<%[email protected]_file_url%>" /> 
<meta property="og:video:type"   content="video/mp4" /> 
<meta property="og:video:width"  content="700"/> 
<meta property="og:video:height"  content="700"/> 
<meta property="og:image"    content="<%[email protected](:position).first.image_file_url%>" /> 
0

Вы должны указать адрес видео в параметре source. Вы можете прочитать больше here.

источник: URL-адрес медиафайла (SWF или MP3), прикрепленного к этому сообщению . Если SWF, вы также должны указать изображение, чтобы предоставить миниатюру для видео.

+0

спасибо за вашу помощь - даже после добавления источника, видео не отображается в общий post – scientiffic

+0

Попробуйте это: http://stackoverflow.com/questions/20798314/using-facebooks-api-to-post-a-video-using-the-feed-dialog-fails – Bangdel

+0

Я мог ошибаться, но я думаю, что URL-адрес для видео должно быть безопасным url ie https: // – Bangdel

Смежные вопросы