Question

我目前正在使用sdk 3.5.2（根据需要）开发一款三星智能电视应用

我正在使用SEF插件和setDisplayArea()，我可以显示全屏视频。

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

我尝试和得到的内容如下所示：

在我的html中，我已经包含了插件，并获得了播放器对象z-index和位置集

<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中，我设置了标题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）

我的标题显示成功，但视频本身会自动缩放并显示在标题下方，这不符合我的预期。（我希望视频仍然全屏显示，顶部显示标题，但不会使视频自动缩放并垂直缩小..）

任何人都可以给我建议吗？谢谢！

Answer 1

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

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

最后的建议：

在播放功能
在真实设备上进行测试（模拟器有时位于视频显示器上）

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

1 个答案: