我目前正在使用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 回答
SEF播放器位于显示层的最后面,因此您无需在那里指定任何z-index . 如果可能的话,请不要在三星电视应用程序中使用超过99的z-index,有些资源表示100及以上用于三星原生显示,如IME和Popup .
对于1280x720分辨率的视频显示有点棘手 . 无论您使用的是720p还是540p模式,视频显示始终在960x540上全屏显示 . 视频将从960拉伸至1280或者比率为0.75 . 如果要以640x720像素显示视频宽度,则视频大小为480x540 .
最后建议:
播放功能后
再次调用setdisplayarea
在真实设备上进行测试(模拟器有时位于视频显示器上)