如何隐藏"youtube“顶部的栏，即使鼠标悬停在它上面？
如何隐藏"youtube“顶部的栏，即使鼠标悬停在它上面？
提问于 2013-08-21 02:33:32
我正在尝试嵌入一个youtube视频，然而，我还没有发现一种方法，当鼠标悬停在顶部时，不会显示顶部的栏。对于我来说，重要的是用户不能直接链接回原始视频，在那里他们可以重新观看视频。以下链接提供了在youtube中嵌入功能的命令：
https://developers.google.com/youtube/player_parameters#Overview
我已经使用了控件和disablekb功能来限制观众跳过和重放视频的能力，我现在需要的是禁用显示在视频顶部的栏。
(我在那里得到了http://www.youtube.com/embed/bFEoMO0pc7k?controls=0&disablekb=1&egm=1)
回答 7
Stack Overflow用户
发布于 2020-04-07 19:31:02
2020年及以后，这个问题的答案是，IT现在根本不起作用。
Stack Overflow用户
发布于 2020-02-14 22:32:12
由于YouTube已经弃用了showinfo参数，您可以欺骗播放器。Youtube将始终尝试将其视频居中，但徽标、标题、稍后观看按钮等。将始终分别位于左侧和右侧。
所以你能做的就是把你的Youtube iframe放在某个div里面：
<div class="frame-container">
<iframe></iframe>
</div>然后，您可以将frame-container的大小增加到浏览器窗口之外，同时对齐它，使iframe视频位于中心。示例：
.frame-container {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
width: 300%; /* enlarge beyond browser width */
left: -100%; /* center */
}
.frame-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}最后，将所有内容都放在一个包装器div中，以防止页面因300%的宽度而伸展：
<div class="wrapper">
<div class="frame-container">
<iframe></iframe>
</div>
</div>
.wrapper {
overflow: hidden;
max-width: 100%;
}Stack Overflow用户
发布于 2015-10-17 02:37:47
下面的方法对我很有效：
?rel=0&fs=0&showinfo=0
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18342536
复制相关文章
相似问题