首页 文章

如何在视频上叠加另一个div?

提问于
浏览
0

我目前正在使用sdk 3.5.2开发一个三星智能电视应用程序(根据需要)

我正在使用SEF插件和 setDisplayArea() ,我能够显示全屏视频 .

但是现在我遇到了一个问题,我想在视频的顶部覆盖2个div,一个页眉和一个页脚,但我无法正确完成它 .

我尝试和得到的东西被描述如下:

在我的html中,我已经包含了插件,并获得了播放器对象z-index和position set

<object id="pluginPlayer" border=0 classid="clsid:SAMSUNG-INFOLINK-PLAYER" 
    style="position:absolute;z-index:10;left:0px;top:0px;width:1280px;height:720px;"></object>
<object id="pluginAudio" border=0 classid="clsid:SAMSUNG-INFOLINK-AUDIO"></object>
<object id="pluginTVMW" border=0 classid="clsid:SAMSUNG-INFOLINK-TVMW"></object>

在我的CSS中,我设置了 Headers div的z-index

#SplashHeader{
    position: absolute;
    top:0px;
    left:0px;
    height:40px;
    width: 1280px;
    background: grey;
    z-index: 100;
}

在我的Js中,我调用了setdisplayarea()

this.plugin.SetDisplayArea(0, 0, 960, 540);

(侧面跟踪,这是另一个我不太明白的问题,因为API规定此功能的宽度和高度参数不得超过960 * 540,但我目前正在为1280 * 720机器开发......所以我不知道设置它是正确的960 * 540)

我成功地显示了 Headers ,但是视频本身会自动缩放并显示在 Headers 下方,这不符合我的预期 . (我希望视频仍然全屏显示,并在其顶部显示 Headers ,但不会使视频自动缩放并垂直缩小..)

有人可以给我建议吗?谢谢!

1 回答

  • 3

    SEF播放器位于显示层的最后面,因此您无需在那里指定任何z-index . 如果可能的话,请不要在三星电视应用程序中使用超过99的z-index,有些资源表示100及以上用于三星原生显示,如IME和Popup .

    对于1280x720分辨率的视频显示有点棘手 . 无论您使用的是720p还是540p模式,视频显示始终在960x540上全屏显示 . 视频将从960拉伸至1280或者比率为0.75 . 如果要以640x720像素显示视频宽度,则视频大小为480x540 .

    最后建议:

    播放功能后

    • 再次调用setdisplayarea

    • 在真实设备上进行测试(模拟器有时位于视频显示器上)

相关问题