1

我正在制作一个显示世界各地用户创建的项目的谷歌地图。当您单击标记时，信息框会打开并显示有关用户的信息，并在该信息框的轮播中显示图片或视频。

所以我需要嵌入视频和图片。Youtube 或 Vimeo 没有问题，但问题出在 Facebook 视频上，因为我需要添加一个 javascript 方法来允许我们嵌入 Facebook 视频：

我需要包含的脚本：

<script type="text/javascript">

$.getScript('//connect.facebook.net/en_US/sdk.js') ;        
$.ajaxSetup({ cache: true });
$('#loginbutton,#feedbutton').removeAttr('disabled');
FB.getLoginStatus(updateStatusCallback);

     window.fbAsyncInit = function() {       
    FB.init({
      appId      : '*******',
      xfbml      : true,
      version    : 'v2.3'
    });
  };
</script>

然后播放视频，你在信息框的内容中有这个：

 <div id="fb-root"></div><div class="fb-post" id="video_FB" data-href="https://www.facebook.com/****/videos/ID/"> </div>

这是一个解释如何嵌入 Facebook 视频的链接。

我成功地在“普通”html 页面上播放了该视频，但当我将其放在信息框上时我看不到它，因为我找不到将此 javascript 代码连接到信息框的方法。如果我只是将 javascript 代码放在信息框内容之外，它也不会。我试图在我的信息框内容的头部包含：

var script = document.createElement('script');  
script.async = true;                        
script.src = "facebook_init.js";
$(the_content_of_the_infobox).children("head").append( script );

或者直接在内容头中包含脚本：

<script type="text/javascript" > code code </script>

当我这样做时，我得到的结果是 html 页面显示了我在结束脚本标记之后立即编写的代码

我找到了一些东西可以让它在没有 js 的情况下工作，因此它不能适用于我在我的数据库中获得的每个 facebook 视频链接，它只适用于某些类型的 url

<iframe src="https://www.facebook.com/video/embed?video_id=vid_id/" width="400" height="250" frameborder="0"></iframe>

一些链接就像：https ://www.facebook.com/konstantinos.gargas/videos/vb.1065124383/10205486637779746 在 /videos/ 之后有奇怪的东西，上面的 iframe 标签不起作用:(

因此，如果有人可以帮助我，那就太好了:)

（对不起我的英语，我希望我很清楚）

4

0 回答 0