StageVideo 显示上面的内容？答案

【问题标题】：StageVideo displaying above content?StageVideo 显示上面的内容？
【发布时间】：2011-10-05 07:33:56
【问题描述】：

因此，我正在构建一个显示在嵌套（显示）层次结构中的视频播放器，并且我真的想要一种保留背景的简单方法。我有一个包含 bg 的 Loader SWF，以及根据最终用户的环境在 StageVideo 和 Video 之间切换的另一个 SWF（其中包含视频播放器）。我有 StageVideo 工作，但它总是显示下面其他内容。

现在我知道这是 StageVideo 所需的行为，因为它允许 GPU 将内容直接呈现到屏幕上，而无需将视频源与显示列表内容合成 (http://help.adobe.com/en_US /as3/dev/WSe9ecd9e6b89aefd2-68d5ef8f12cc8511f6c-7fff.html），但我真的希望能够在视频播放器后面显示我的背景（如果只是作为“相框”）。在播放器周围画一个简单的矩形框，让它看起来有背景是行不通的；我还需要能够在视频播放器本身后面显示图像和其他 DisplayObject。

是否有任何可能的情况？有人发现了解决此问题的任何潜在解决方法（甚至未记录）？

【问题讨论】：

标签： actionscript-3 video

【解决方案1】：

如果您只需要视频播放器周围的框架，请尝试用视频屏幕大小的矩形遮住背景并将其放在上面。

否则您可能必须使用常规视频播放器而不是 StageVideo 播放器。

【讨论】：

不幸的是，这行不通；我需要视频通过背景中可能的多个显示对象显示。用视频大小的矩形掩盖背景层将完全混淆视频。如果您的意思是为 bg 元素创建一个遮罩（“图片”）框架以便视频显示，那么这也行不通......

【解决方案2】：

好的 - 明白了。事实证明，将所有背景内容放在一个容器中，并用框架形遮罩遮住容器实际上可以让 StageVideo 有效地在顶部渲染。

例如：

    bg_container.x = video_container.x;
    bg_container.y = video_container.y;
    set_frame_mask(video_width, video_height, frame_width, bg_container);

    // Helper function.
    protected function setFrameMask(width:Number, height:Number, frame_width:Number, container:Sprite):void
    {
        var frame:Sprite = new Sprite();
        frame.graphics.beginFill(0xFF0000);
        frame.graphics.drawRect(0, 0, width, frame_width);
        frame.graphics.drawRect(0, frame_width, frame_width, width - frame_width);
        frame.graphics.drawRect(width - frame_width, frame_width, frame_width, height - frame_width);
        frame.graphics.drawRect(frame_width, height - frame_width, width - 2 * frame_width, frame_width);
        frame.graphics.endFill();
        frame.x = container.x; 
        frame.y = container.y;
        container.mask = frame;
    }

【讨论】：