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

enj*_*mes 9 audio video facebook

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

Lud*_*ssi 20

只需添加&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>
Run Code Online (Sandbox Code Playgroud)

  • 当 autoplay=1 添加到 url 时,这不起作用。 (2认同)

Jul*_*o D 6

您实际上可以使用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>
Run Code Online (Sandbox Code Playgroud)