我想在html页面中的视频上创建div覆盖。这些视频可以嵌入YouTube视频,也可以来自其他任何来源。任何想法如何做到这一点?我做了一个类似的任务,在图像上叠加div,但从未做过视频。如果有人能指出我正确的方向,将不胜感激。在任何视频上创建div覆盖(类似于YouTube中的Google广告)
回答
只要确保wmode="Opaque"
或wmode="Transparent"
设置在视频嵌入和视频将识别其父母的z-index
css属性。
wmode - 可能的值:窗口, 不透明,透明。在浏览器中设置窗口 Flash电影的模式属性 透明度,分层和 定位。
我创建的脚本将用于我无权访问的网页。它动态检测视频并计算其位置,然后设置叠加层。我可以在这种情况下动态设置wmode属性吗? – 2011-04-12 17:54:30
那么你是说“网页”是在你当前页面上的一个孩子(框架)内吗? – 2011-04-12 17:56:22
否。此脚本将用作显示任何带有视频内容的网页的覆盖div的小部件。比如说,你有一个嵌入式视频的博客,你希望有一个覆盖你的视频的特定内容的div。那么你应该能够包含我的脚本。由于我无法访问您博客的源代码,因此我希望能够立即开始工作。 – 2011-04-12 18:03:30
- 1. Youtube视频覆盖?
- 2. PrettyPhoto和youtube视频覆盖
- 3. 如何在播放HTML 5视频(如Youtube广告)上添加图像/ DIV?
- 4. 删除嵌入式视频上的“在YouTube上播放”覆盖
- 5. YouTube iframe API视频广告事件
- 6. div覆盖iframe中的全屏视频
- 7. 如何自动关闭视频上的Youtube广告?
- 8. 类似于YouTube播放器的视频播放器建议
- 9. 覆盖YouTube上的不透明div iframe
- 10. 广告不会在YouTube视频上显示
- 11. 创建类似于adwords的广告系统
- 12. 在YouTube上添加视频覆盖<object>与JQuery
- 13. DIV在iPad上的YouTube视频不clickeable
- 14. 制作一个Youtube视频全高和宽度覆盖视频
- 15. 如何创建覆盖div的菜单?
- 16. 如何使用Google IMA在Android视频中展示广告
- 17. 前贴式广告是否出现在iOS上的嵌入式YouTube视频中?
- 18. 收听视频广告。在插页式广告中完成事件(Google AdMob)
- 19. YouTube iFrame API:针对TrueView InStream广告触发的事件(视频广告)
- 20. Google广告未在div中显示?
- 21. 导航图形覆盖在视频上
- 22. 嵌入在Youtube IFrame中的Google视频
- 23. 视频广告(显示视频然后广告)
- 24. Google背景上的广告视差
- 25. 如何阻止Actionscript 3.0嵌入YouTube视频广告?
- 26. 将div全屏显示在ios上(类似于视频音频元素全屏)
- 27. OpenX的2.8.10视频广告
- 28. 如何覆盖/放置在图像上的视频中的ffmpeg
- 29. 用MLT覆盖视频上的文本
- 30. MPMoviePlayer或AVPlayer在视频中间播放广告(广告)iOS
重复的问题。解决方案可以在这里找到:http://stackoverflow.com/q/3820325/555177 – anataliocs 2011-07-22 19:27:08