我正在做一个项目,必须使用Flash OSMF播放器显示视频。另外,我还必须在播放器顶部显示一些文本和图像。
在chrome和IE中,它的工作非常酷。在Firefox和Safari中,文本元素隐藏在视频播放器的后面。我有z-index CSS属性,使其位于最前面,但是幸运的是它仍然隐藏在背景中。
我有一个直播网站http://www.tallenge.com/alcy-caluamba/all-categories1/general23/lecrae-i'm-turnt -alcy / vote编排
由于它无法在Firefox中运行,因此我仅将Firefox和safari的播放器更改为实时站点中的html5播放器,以便按预期显示文本。为了进行测试,您可以从chrome中获取播放器代码(在medidplayer元素下),然后在Firefox中替换它-您将得到我上面提到的问题。
任何帮助/建议将不胜感激。
提前致谢 ...
最佳答案
此问题可能与Flash Player对象的wmode设置有关,请参阅此设置的Adobe文档:
https://helpx.adobe.com/flash/kb/flash-object-embed-tag-attributes.html#main_Using_Window_Mode__wmode__values_
您可以尝试使用wmode="opaque"
作为Flash对象的参数:
<param name="wmode" value="opaque"/>
但是,根据Flash文档,该模式下的插件无法利用硬件加速。
无关的问题,如果您已经将HTML5视频标签用作Firefox的后备广告,那么为什么要使用Flash?默认情况下,我将采用相反方向的HTML5视频标记,Flash作为旧浏览器的后备。
关于html - 使用CSS重叠HTML元素,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/29313048/