在具有嵌入式YouTube播放器的网页上。如何在全屏视频上方显示图像？

Question

我有一个嵌入了youtube播放器的网页。我需要在全屏播放视频（闪光灯）的顶部显示图像。我尝试过使用z-index，但它似乎没有超过完整的屏幕播放器。 昨天我以类似的方式问了这个问题（How can I present information on top of a full screened youtube video embedded on my webpage?），但我想在这里更清楚，更具体。 该网页使用HTML + Javascript。 感谢。

Answer 1

您可以尝试使用JW Player播放Youtube视频，您可以在播放器的顶部添加自定义水印/徽标/图像。虽然我认为您必须为“专业版”付费，但可以找到更多信息Here

Answer 2

你不能在全屏Flash视图的顶部添加任何内容（不管我知道的是什么），如果你单击Youtube播放器上的展开/全屏视图按钮，它会在一个全新的Flash窗口中自动打开，因此真的是你我猜不会把任何东西放在上面。

Answer 3

我能想到的最接近的方式：

使用“videobackground”
搜索Flashden.com或Activeden.com获取“youtube视频背景”
这将播放youtube视频作为真实背景（最低-z）
所以你甚至可以把你的整个网站放在它上面 它将具有全屏/全浏览器大小......有些还覆盖了控件。

http://activeden.net/search?utf8=%E2%9C%93&term=youtube+video+background

这个似乎有很多选择：

http://activeden.net/item/youtube-flash-video-background/158732?sso?WT.ac=search_item&WT.seg_1=search_item&WT.z_author=dSKY

使用其他一些代码，您可以使用youtube-background打开此页面 来自您的普通视频播放器或页面上的链接。

或者，如果您编辑自己的视频：
您将图像添加到视频本身（。）。

或者如果您自己上传视频：
Youtube可以选择添加一个小的叠加文本/框
有一段时间，我看到他们现在允许真正的照片作为ovelays，
你可以设置它出现的时间和消失 不是最大尺寸是什么......如果它（pic）可能只适用于合作伙伴。