У меня есть кнопка общего доступа 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>
Я черпал вдохновение из следующего вопроса/ответа
Я понял, что 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&autoplay=1">
<meta property="og:video:secure_url" content="https://vimeo.com/moogaloop.swf?clip_id=SpecialID&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">
Надеюсь, это поможет, если у кого-то будет такая же проблема, как и я.