Javascript 在任何视频上创建div覆盖（类似于YouTube上的谷歌广告）

我想在html页面的视频上创建一个div覆盖。这些视频可以嵌入YouTube视频，也可以来自任何其他来源。有什么办法吗？我也做过类似的任务，在图像上叠加div，但从未在视频上做过。如果有人能为我指出正确的方向，我将不胜感激。

请确保在视频嵌入上设置了

wmode=“不透明”或
wmode=“透明”
，视频将识别其父项的
z-index
css属性

-可能值：窗口，
不透明的，透明的。设置窗口
动画动画的模式属性
透明度、分层和
在浏览器中定位

只需确保在视频嵌入上设置了
wmode=“不透明”
或
wmode=“透明”
，视频将识别其父级的
z-index
css属性

-可能值：窗口，
不透明的，透明的。设置窗口
动画动画的模式属性
透明度、分层和
在浏览器中定位

我正在创建的脚本将用于我无权访问的网页。它动态检测视频并计算其位置，然后设置覆盖。在这种情况下，我可以动态设置wmode属性吗？那么你是说“网页”在当前页面的子（框架）内吗？不可以。此脚本将用作小部件，用于显示任何包含视频内容的网页的覆盖div。比如说，你有一个嵌入视频的博客，你想在你的视频上有一个覆盖一些特定内容的div。那么你应该可以把我的脚本包括进去。由于我无法访问您的博客的源代码，我希望它能够即时运行。我正在创建的脚本将用于我无法访问的网页。它动态检测视频并计算其位置，然后设置覆盖。在这种情况下，我可以动态设置wmode属性吗？那么你是说“网页”在当前页面的子（框架）内吗？不可以。此脚本将用作小部件，用于显示任何包含视频内容的网页的覆盖div。比如说，你有一个嵌入视频的博客，你想在你的视频上有一个覆盖一些特定内容的div。那么你应该可以把我的脚本包括进去。由于我没有访问你博客的源代码，我想让它运行起来。重复问题。可以在这里找到解决方案：重复问题。可在此处找到解决方案：