Мне нужно написать код на Facebook, чтобы добавить тег скрипта:
// this loads the Facebook API
(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 = "https://connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
window.fbAsyncInit = function () {
FB.init({
appId: api_id,
xfbml: true,
version: 'v3.2'
});
};
Это хорошо работает для моего социального обмена. Теперь я также хочу загрузить видео на Facebook с этой страницы:
<script async defer src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2"></script>
<div class="fb-video"
data-href="https://www.facebook.com/watch/?v=10155278547321729"
data-width="auto"
data-show-captions="false">
</div>
Этот код хорошо работает сам по себе, однако, когда я использую Fb.init выше для социального обмена (так как мне нужно добавить API ключ), тогда видео из Facebook не будет загружаться.
Я попытался удалить его часть кода:
<script async defer src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2"></script>
И добавить только это на страницу с помощью Fb.init, но видео не загрузится:
<div class="fb-video"
data-href="https://www.facebook.com/watch/?v=10155278547321729"
data-width="auto"
data-show-captions="false">
</div>
Опять же, видео загружается, если я просто добавляю этот код без моего кода FB.init.
Как я могу решить эту проблему?