Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Facebook嵌入视频播放器api不在本地html文件中呈现iframe视频输出_Javascript_Facebook_Facebook Javascript Sdk_Video Player - Fatal编程技术网

Javascript Facebook嵌入视频播放器api不在本地html文件中呈现iframe视频输出

Javascript Facebook嵌入视频播放器api不在本地html文件中呈现iframe视频输出,javascript,facebook,facebook-javascript-sdk,video-player,Javascript,Facebook,Facebook Javascript Sdk,Video Player,嗨,当我复制fb embed player示例代码并粘贴到本地html文件时,视频没有呈现。当我在一些在线html编辑器(如w3学校)中尝试它时,效果很好。背后的原因是什么?html代码如下所示: <html> <head> <title>Your Website Title</title> </head> <body> <!-- Load Facebook SDK for JavaScript -->

嗨,当我复制fb embed player示例代码并粘贴到本地html文件时,视频没有呈现。当我在一些在线html编辑器(如w3学校)中尝试它时,效果很好。背后的原因是什么?html代码如下所示:

<html>
<head>
  <title>Your Website Title</title>
</head>
<body>

  <!-- Load Facebook SDK for JavaScript -->
  <div id="fb-root"></div>
  <script>
    window.fbAsyncInit = function() {
      FB.init({
        appId      : '{your-app-id}',
        xfbml      : true,
        version    : 'v2.5'
      });

      // Get Embedded Video Player API Instance
      var my_video_player;
      FB.Event.subscribe('xfbml.ready', function(msg) {
        if (msg.type === 'video') {
          my_video_player = msg.instance;
        }
      });
    };

    (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'));
  </script>

  <!-- Your embedded video player code -->
  <div  
    class="fb-video" 
    data-href="https://www.facebook.com/facebook/videos/10153231379946729/" 
    data-width="500" 
    data-allowfullscreen="true"></div>

</body>
</html>

你的网站标题
window.fbAsyninit=函数(){
FB.init({
appId:“{your app id}”,
xfbml:是的,
版本:“v2.5”
});
//获取嵌入式视频播放器API实例
var my_视频播放器;
FB.Event.subscribe('xfbml.ready',函数(msg){
如果(msg.type==='video'){
my_video_player=msg.instance;
}
});
};
(功能(d、s、id){
var js,fjs=d.getElementsByTagName[0];
if(d.getElementById(id)){return;}
js=d.createElement;js.id=id;
js.src=”https://connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js,fjs);
}(文档“脚本”、“facebook jssdk”);

为什么不直接使用fb的嵌入式视频代码


我需要视频播放器Api,这样我就可以控制视频活动,如播放、暂停等@NezirI认为这是由于同样的问题!带有javascript sdk的代码在此页面中未显示任何内容您是否检查了浏览器控制台中来自Facebook sdk的错误/消息?“本地html文件”是指直接在浏览器中打开文件,而不使用本地web服务器?这可能已经是原因了,有些东西要求您在浏览器中通过HTTP打开的页面上使用它。为您的开发获取一个像XAMPP这样的本地web服务器。是的,必须将其加载到web服务器上。谢谢