<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>
嗨，我是JavaScript的新手，所以我不知道该怎么做。我有一个如上所示的嵌入式代码，并且我希望名为“share”的div充当Facebook共享按钮，但是主要问题是我希望它共享来自嵌入式播放列表的最后播放或 Activity 的视频。
有谁知道如何处理这种情况？
最佳答案
而不是建立自己的div分享按钮:
<div id=share style="width:100px; height:50px; background-color:#c33333"></div>
您将需要使用Facebook页面上的facebook分享按钮:https://developers.facebook.com/docs/plugins/share-button
当您单击
Get Code时，它将生成代码，其中HTML中将有一个URL解决方案＃1
<iframe src="//www.facebook.com/plugins/share_button.php?href=http%3A%2F%2Fwww.example.com.com&layout=button_count&appId=688937844491820" scrolling="no" frameborder="0" style="border:none; overflow:hidden;" allowTransparency="true"></iframe>
解决方案＃2
将您的共享按钮替换为以下HTML
<div class="fb-share-button" data-href="http://www.example.com" data-layout="button_count"></div>
将以下内容放在
<body>标记之后 <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>
用您的视频或播放列表网址替换
www.example.com关于javascript - 如何为我嵌入的YouTube播放列表添加Facebook分享按钮，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27697433/