【问题标题】:Creating div overlays over any video (similar to Google ads in YouTube)在任何视频上创建 div 叠加层(类似于 YouTube 中的 Google 广告)
【发布时间】:2011-04-12 17:39:35
【问题描述】:

我想在 html 页面中的视频上创建一个 div 叠加层。这些视频可以是嵌入的 YouTube 视频,也可以来自任何其他来源。关于如何做到这一点的任何想法?我已经完成了在图像上覆盖 div 的类似任务,但从未对视频做过。如果有人能指出我正确的方向,将不胜感激。

【问题讨论】:

标签: javascript jquery html css flash


【解决方案1】:

只需确保在视频嵌入中设置了wmode="Opaque"wmode="Transparent",视频就会识别其父级的z-index css 属性。

wmode - 可能的值:窗口, 不透明的,透明的。设置窗口 Flash 影片的 Mode 属性 透明度、分层和 在浏览器中定位。

【讨论】:

  • 我正在创建的脚本将用于我无权访问的网页。它动态检测视频并计算它们的位置,然后设置覆盖。在这种情况下我可以动态设置 wmode 属性吗?
  • 那么您是说“网页”在您当前页面的子(框架)内吗?
  • 没有。该脚本将用作小部件,为任何具有视频内容的网页显示覆盖 div。假设您有一个包含嵌入式视频的博客,并且您希望在您的视频上有一个包含一些特定内容的覆盖 div。然后你应该能够包含我的脚本。由于我无权访问您博客的源代码,因此我希望它能够即时运行。
猜你喜欢
  • 1970-01-01
  • 2013-11-24
  • 2013-02-12
  • 1970-01-01
  • 2014-01-31
  • 2020-07-28
  • 2012-07-08
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多