Добавить кнопку Facebook Share с видео на сайт

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

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

<!-- 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: '<%=@project_url%>',
        picture: '<%[email protected]_file_url%>',
        caption: ' ',
        description: ' ',
        message: ''
    });
});

web facebook facebook-share facebook-social-plugins
person scientiffic    schedule 22.05.2015    source источник

Ответы (2)


arrow_upward
0
arrow_downward

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

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

person Bangdel    schedule 25.05.2015
comment
спасибо за помощь - даже после добавления источника видео не появляется в общем посте - person scientiffic; 25.05.2015
comment
Попробуйте это: stackoverflow.com/questions/20798314/ - person Bangdel; 26.05.2015
comment
Я могу ошибаться, но я думаю, что URL-адрес видео должен быть безопасным URL-адресом, то есть https:// - person Bangdel; 26.05.2015

arrow_upward
0
arrow_downward

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

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

$('.fb-share-button').click(function(e){
    e.preventDefault();
    FB.ui({
      method: 'share',
      href: '<%=@project_url%>',
    }, function(response){});
    });

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

<!-- Facebook tags -->
<meta property="fb:app_id"             content="811332718952118"/>
<meta property="og:type"               content="video.other"/>
<meta property="og:url"                content="<%=@project_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%>" />
person scientiffic    schedule 27.05.2015