嵌入式Facebook视频

时间:2017-11-03 12:14:19

标签: javascript facebook video

我有一个包含视频列表的网站(文字链接)。点击使用jQuery我在fancybox上加载视频。

用于播放声音的视频。但最近它不再播放声音了。用户必须手动取消静音。我不确定为什么行为现在改变了。

在阅读了一些文档和帖子后,我创建了应用程序ID并将以下代码添加到onclick jQuery函数中。

window.fbAsyncInit = function() {
      FB.init({
        appId      : '111111111111',
        xfbml      : true,
        version    : 'v2.5'
      });

      var my_video_player;
      FB.Event.subscribe('xfbml.ready', function(msg) {
        if (msg.type === 'video') {
          my_video_player = msg.instance;
          my_video_player.play();
          my_video_player.unmute();
        }
      });
    };

上面的代码适用于第一次点击。在随后点击其他视频链接时,不会加载视频。但第一个视频将加载。

如何使用上面的代码在onclick函数中多次工作(无需重新加载页面)?

1 个答案:

答案 0 :(得分:0)

正确的答案是,在Safari 11中,window.fbAsyncInit不可靠。大部分时间它都没有加载。因为我在MAC&用Safari测试,我认为javascript代码有问题。

它适用于其他桌面浏览器。在Android中,Brave浏览器无法加载FB视频。

总而言之,FB视频对于制作网站来说是个坏主意。将视频移至YouTube!

window.fbAsyncInit = function() {
  FB.init({
    appId      : '111111111111',
    xfbml      : true,
    version    : 'v2.5'
  });

  var my_video_player;
  FB.Event.subscribe('xfbml.ready', function(msg) {
    if (msg.type === 'video') {
      my_video_player = msg.instance;
      my_video_player.play();
      my_video_player.unmute();
    }
  });
};