【发布时间】:2019-09-19 12:50:22
【问题描述】:
我正在使用 iframe API,我想在页面上嵌入一些视频,但我不想在用户暂停视频时显示相关视频。
我知道 2018 年 9 月之后,Youtube 取消了在结尾或暂停视频时隐藏相关视频的可能性。
我知道参数 rel=0 现在显示来自视频上传者的同一帐户的相关视频。
我也知道这个问题已经被回答了很多次,但我至少看到一个网站没有发生这种情况。示例:https://earth.stanford.edu/
要生成 iframe,我使用以下代码:
function onYouTubeIframeAPIReady() {
player = new YT.Player('player1', {
height: '360',
width: '640',
videoId: 'lPVBrRd9wCo',
playerVars: {
rel: '0',
showinfo: '0',
loop: '1',
playlist: 'lPVBrRd9wCo',
autoplay: '1',
mute: '1',
iv_load_policy: '3',
'ytp-pause-overlay': '0'
},
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
完整代码在https://codepen.io/romualdinho/pen/wZbxmj
还有其他方法可以在暂停时隐藏相关视频吗?斯坦福是如何做到的?我尝试了相同的方式,相同的参数等,但没有。他们甚至可以隐藏视频的标题。
是否有某种 Google 帐户允许这样做? (高级、非营利、教育等)
谢谢!
【问题讨论】:
-
我遇到了同样的问题。您可以在此线程stackoverflow.com/questions/18893902/… 中查看我的解决方案
-
@DmitriySakhno 这是一个有趣的方法!控件是隐藏的,所以我必须创建自己的控件,但我认为这是一个不错的选择。占位符图像可以直接从 youtube 获得:例如:img.youtube.com/vi/lPVBrRd9wCo/mqdefault.jpg 并使用绝对定位和 Youtube API 我可以处理拉伸图像问题。谢谢!!
标签: javascript youtube-api youtube-iframe-api