在 Tumblr 代码中使用 CSS 自动隐藏 YouTube 播放器控件

Question

我有一个tumblr，里面有很多YouTube视频帖子。我想知道如何使用 CSS 选择 {Video-400} 邮政编码并隐藏视频中显示的自动控件。

这是我所指的自动控件/可见标题的示例。它们只有在您播放视频后才会消失：http://jaspingo.tumblr.com/post/105022194129/lol-that-last-one-though。

另外，这里有几个可能有用的CSS选择器（我不知道它们之间的确切区别）。

#content .video{
}
.video{
}
#content .video iframe{
}

下面是相应的 HTML。

<div id="content">
<div class="posts">
{block:Posts}
<div class="entry">
{block:Video}
<div class="video">
{Video-400}
</div>
{/block:Video}
</div>
{/block:Posts}
</div>
</div>

任何帮助将不胜感激。我需要了解CSS选择器之间的区别，以完全理解代码的工作方式。是的，我已经尝试了来自YouTube的自定义嵌入代码，但存在同样的问题。

Answer 1

我不知道

Tumblr是如何嵌入的，但是你可以在没有控件的情况下从YouTube获取嵌入代码。典型的嵌入代码如下所示：

<iframe width="560" height="315" src="//www.youtube.com/embed/F8Z-ayQkK2A" frameborder="0" allowfullscreen></iframe>

如果要在事后删除控件，则需要在src URL 的末尾添加?controls=0。它变成：

<iframe width="560" height="315" src="//www.youtube.com/embed/F8Z-ayQkK2A?controls=0" frameborder="0" allowfullscreen></iframe>

为了进行演示，下面是在嵌入代码之外使用 control 参数的同一视频。

你可能遇到的唯一问题是Tumblr使用YouTube API调用视频而不是嵌入代码。在这种情况下，我不确定你能做些什么，除非你有权访问来源和将视频拉入博客的方法。