Javascript 如何为我的嵌入YouTube播放列表添加Facebook共享按钮

嗨，我是JavaScript的新手，所以我不知道怎么做。我有一个嵌入式代码，如上图所示，我希望名为share的div充当Facebook共享按钮，但主要问题是我希望它共享嵌入播放列表中最近播放的或活动的视频

---

有人知道如何处理这种情况吗？

不要为共享按钮构建自己的div：

<div id=player></div>
<div id=share style="width:100px; height:50px; background-color:#c33333"></div>
<script src="https://apis.google.com/js/platform.js"></script>
<script type="text/javascript">
      var tag = document.createElement('script');

      tag.src = "https://www.youtube.com/iframe_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

      var player;
      function onYouTubeIframeAPIReady() {
        player = new YT.Player('player', {
          height: '448',
          width: '763',
          playerVars: {
              'showinfo': 0,
              'controls': 0,
        listType: 'playlist',
        list: 'PLD7SqVUGDdDBw_xmMKTDF5MlBwys_KlUk'
            },
          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
          }
        });
      }

      function onPlayerReady(event) {
        // event.target.playVideo();
      }
      function play_this_video(){
 player.playVideo();
}


      function onPlayerStateChange(event) {
        if (event.data == YT.PlayerState.ENDED) {
          player.stopVideo();
        }
      }
    </script>

解决方案2

用以下HTML替换您的共享按钮

<iframe src="//www.facebook.com/plugins/share_button.php?href=http%3A%2F%2Fwww.example.com.com&amp;layout=button_count&amp;appId=688937844491820" scrolling="no" frameborder="0" style="border:none; overflow:hidden;" allowTransparency="true"></iframe>

将以下内容放在标记后面

---

用您的视频或播放列表URL替换www.example.com

嘿，谢谢，但我需要建立自己的URL。之前的答案对我来说很好。但是你改了，你能再加一次吗？再次感谢：np，我已经添加了它，你可以使用解决方案2来定制按钮。它仍然会在我的div上生成一个经典的facebook共享按钮，我想让它成为一个按钮@坎巴尔

<iframe src="//www.facebook.com/plugins/share_button.php?href=http%3A%2F%2Fwww.example.com.com&amp;layout=button_count&amp;appId=688937844491820" scrolling="no" frameborder="0" style="border:none; overflow:hidden;" allowTransparency="true"></iframe>

<div class="fb-share-button" data-href="http://www.example.com" data-layout="button_count"></div>

 <div id="fb-root"></div>
 <script>(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#xfbml=1&appId=688937844491820&version=v2.0";
   fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));</script>