视频播放器控件(播放/暂停等)显示为叠加

时间:2013-04-08 11:06:15

标签: air flex4 flash-builder overlay video-player

我正在使用Windows 7上的SDK 4.1在Flash Builder中创建自定义视频播放器。

我在HBox中创建了播放/暂停,进度条等视频播放器控件。

现在我希望在用户鼠标悬停在显示对象上时显示这些控件,就像在vimeo.com视频播放器中一样,并在鼠标悬停时删除/禁用。

我当前的.mxml页面结构类似于http://i48.tinypic.com/15x4w7a.png

我只是通过给出HBox高度来显示/隐藏视频播放器控制HBox视频容器鼠标悬停事件。

如何在视频播放器中实现叠加功能?

任何网站链接和源代码都将受到高度赞赏。

1 个答案:

答案 0 :(得分:2)

解决方案是使用Flex容器,该容器允许在其他内容之上分层内容。根据设计,VBoxHBox容器不允许这样做。它们以垂直或水平布局布置其内容,没有重叠。

您可以使用CanvasGroup容器在其他组件之上叠加组件。由于您使用的是Flex 4,我建议您使用Group代替Canvas ...而VGroup代替VBox ...而HGroup代替HBox

以下是使用Flex 4类可以执行的简单布局:

<s:Group>
    <s:VideoDisplay top="0" bottom="0" left="0" right="0" />
    <s:HGroup bottom="0" left="0" right="0"/>
</s:Group>

VideoDisplay组件是用于显示视频的任何内容。请注意,顶部/底部/左/右属性告诉父Group对象布置此组件,使其顶部距离父级(组)的上边缘0像素(对于底部/左/右边缘类似) )。

HGroup组件是保存播放器控件的容器。 HGroup的位置与父容器的底边,左边和右边相距0像素。

您应该将可见属性HGroup(或HBox)容器设置为false,而不是在鼠标悬停时更改播放器控件容器的高度。

正如他们所说,一张图片胜过千言万语。但是在StackOverflow上,代码值得一千张图片。如果这个答案没有用,你应该编辑你的问题并添加你正在使用的实际代码:)

相关问题