Facebook открытый график вставки видео проблема

1

У меня есть кнопка общего доступа Facebook на одной из страниц моего веб-сайта, эта кнопка общего доступа используется для обмена другой страницей на моем сайте. Единственная конкретная задача, которую я хотел бы сделать, помимо совместного использования веб-сайта, - включить встроенное видео Vimeo, которое также находится на этой конкретной странице. Таким образом, есть общая публикация Facebook, которая ссылается на мою конкретную страницу, но также имеет видеоигра. До сих пор я дошел до сих пор, теперь моя проблема в том, что общая почта имеет правильное название, описание, изображение и видео, похоже, но при нажатии кнопки "play" на Facebook-сообщении. Он начинает буферизировать и имеет правильную длину и правильное название Vimeo, но он просто сохраняет буферизацию и никогда не играет на самом деле.

Если я скажу, что не так, я переосмысливаю ссылку на Flash Player, что неверно, но я не могу понять, где ссылка Vimeo Flash Player для видео. В настоящее время мой код выглядит ниже.

На странице, которую я не хочу делиться, есть следующие теги "open graph".

<meta property="og:title" content="Test title" />
    <meta property="og:type" content="movie" /> 
    <meta property="og:url" content="http://website.com/siteNum1.html" />
    <meta property="og:description" content="Test description" />

    <meta property="og:image" content="https://i.vimeocdn.com/filter/specialThumbnailImage.png"/>
    <meta property="og:video" content="https://vimeo.com/moogaloop.swf?clip_id=specialID" />
    <meta property="og:video:type" content="application/x-shockwave-flash" />
    <meta property="og:video:width" content="640" />
    <meta property="og:video:height" content="360" />

    <meta property="og:video" content="https://player.vimeo.com/video/specialID?autoplay=1&title=0&byline=0&portrait=0" />
    <meta property="og:video:type" content="video/mp4"/>
    <meta property="og:video:width" content="640" />
    <meta property="og:video:height" content="360" />

На странице, где у меня есть кнопка совместного доступа, она интегрирована, как показано ниже.

<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.9";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="col-lg-4">
                <div class="faceBkShare">
                    <h3>Share on Facebook</h3>
                    <img src="fbPost1.png" alt="fb post inspiration" class="img-responsive center-block">
                    <p>Some text</p>
                    <div class="fb-share-button" data-href="http://website.com/siteNum1.html" data-layout="button" data-size="large" data-mobile-iframe="true">
                    </div>
                </div>
             </div>

Я черпал вдохновение из следующего вопроса/ответа

  • 0
    Оба «видео» URL, которые вы используете, возвращают документы HTML - не flash или mp4, как вы утверждаете.
  • 0
    @CBroe Я вижу, но я не совсем уверен, как еще включить видео Vimeo, так как я не могу найти ссылку на флэш-память. В других ответах я вижу, что у них есть какая-то конкретная ссылка на флеш-плеер, которую я не могу найти для загруженного мной видео Vimeo.
Теги:
share
embed
facebook
facebook-graph-api

1 ответ

1
Лучший ответ

Я понял, что Vimeo имеет ссылку на необходимость, где у них есть пример всех открытых графических меток, которые вам понадобятся при попытке поделиться видео и связать его с вашим сайтом. Это ссылка

Используя эту ссылку, я привел следующий код.

    <meta property="og:site_name" content="My sites name">
<meta property="og:url" content="http://website.com/siteNum1.html">
<meta property="og:type" content="video">
<meta property="og:title" content="Title of site/video">
<meta property="og:description" content="the description">
<meta property="og:image" content="https://longlinkforthumbnailimage.png">
<meta property="og:image:secure_url" content="https://longlinkforthumbnailimage.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="720">
<meta property="og:video:url" content="https://player.vimeo.com/video/SpecialID?autoplay=1">
<meta property="og:video:secure_url" content="https://player.vimeo.com/video/SpecialID?autoplay=1">
<meta property="og:video:type" content="text/html">
<meta property="og:video:width" content="1280">
<meta property="og:video:height" content="720">
<meta property="og:video:url" content="https://vimeo.com/moogaloop.swf?clip_id=SpecialID&amp;autoplay=1">
<meta property="og:video:secure_url" content="https://vimeo.com/moogaloop.swf?clip_id=SpecialID&amp;autoplay=1">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:width" content="1280">
<meta property="og:video:height" content="720">

Надеюсь, это поможет, если у кого-то будет такая же проблема, как и я.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню