YouTube嵌入式showinfo已被弃用

Question

我们在网站上使用YouTube视频作为英雄横幅.

然而几天前它开始显示它的标题,观看稍后按钮和分享按钮.&showinfo=0如果是URL,我们可以在末尾隐藏它们.

我发现它showinfo 已被弃用,因此您无法再隐藏这是一个YouTube视频显示的事实.

是否还有其他参数可以做同样的事情？

您不能使用CSS或JavaScript来实现它iframe.

任何想法都非常感谢.

更新:

视频上的任何图层或蒙版都没有帮助,因为信息显示视频加载时,或者如果您在浏览器外单击,视频将暂停并显示信息.

隐藏顶级~60px的作品,但对我来说这不是一个好的解决方案.

Answer 1

直接来自节目信息

注意:这是showinfo参数的弃用公告.此外,rel参数的行为正在发生变化.标题,频道信息和相关视频是YouTube核心用户体验的重要组成部分,这些变化有助于使YouTube观看体验在不同平台上保持一致.

rel参数的行为在2018年9月25日当天或之后发生变化.更改的效果是您将无法禁用相关视频.但是,您可以选择指定播放器中显示的相关视频应与刚刚播放的视频位于同一频道.

它清楚地表明,这是他们认为是你的体验的一部分.没有建议您可以发送解决方法或新参数来存档旧结果.他们正在删除它.如果你试图用javascript和css强制它,我几乎会建议你反对TOC,声明你不允许改变那个显示.人们应该知道你在YouTube上展示一些东西

Answer 2

我发现在美学上最令人愉悦的解决方案是在视频上放置高分辨率缩略图并在悬停时将其隐藏。这也解决了 youtube 预览分辨率低且在我看来看起来很便宜的问题。

在这里查看：http : //jsfiddle.net/d9D9E/1/

必须编写代码才能显示 js 小提琴：/

.video-thumbnail{
    z-index:300;
    position:absolute;
    top:0;
    left:0;
    width:100%;
}

.video-thumbnail:hover{
    display:none;
}

Answer 3

如果您需要隐藏信息，最好使用Vimeo pro（它正确支持无信息嵌入），

否则，有一个简单的解决方法：

https://jsfiddle.net/10ov5hgw/1/

它会切断iframe的底部和顶部60像素，但通过溢出而不是顶部的粗黑条，因此视频在整个时间中仍保持全屏显示（如果强制使用720，则几乎所有视频都不会被剪切），

此hack支持必须同时支持移动视图，而又不会严重影响视频的可见区域。

.video-container{
  width:100vw;
  height:100vh;
  overflow:hidden;
  position:relative;
}
.video-container iframe,{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-container iframe, {
  pointer-events: none;
}
.video-container iframe{
  position: absolute;
  top: -60px;
  left: 0;
  width: 100%;
  height: calc(100% + 120px);
}
.video-foreground{
  pointer-events:none;
}

<div class="video-container" >
    <div class="video-foreground">
        <iframe
               src="https://www.youtube.com/embed/W0LHTWG-UmQ?controls=0&showinfo=0&rel=0&autoplay=1&loop=1&playlist=W0LHTWG-UmQ&mute=1"
               frameBorder="0" allowFullScreen>

        </iframe>
    </div>             
</div>