Question

我在我的网站上嵌入了一个来自facebook的视频，并将其设置为自动播放，但声音静音，除非您单击音量并播放声音。

Answer 1

只需将&mute=0添加到iframe网址。

<iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2F.....&height=280&mute=0" width="500" height="280" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe>

Answer 2

您实际上可以使用Facebook Embedded Video Player API来控制网站中的嵌入视频，例如在页面加载时取消静音。

请注意，这不适用于通过<iframe>标记嵌入视频。使用链接中提到的<div>标记（或参见下面的示例）。

以下是我从该链接获得的示例脚本，在my_video_player.unmute()事件上插入了xfbml.ready。确保提供正确的FB appId。

<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;
          my_video_player.unmute();
        }
      });
    };

    (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";
       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-autoplay="true"
    data-allowfullscreen="true"></div>

</body>
</html>

在facebook嵌入式视频中设置自动播放时如何启用声音？

2 个答案: