Feathers VideoPlayer可以缩放吗?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Feathers VideoPlayer可以缩放吗?相关的知识,希望对你有一定的参考价值。
似乎可以设置Feathers VideoPlayer组件的宽度和高度。
但是,当我加载视频源时,大小总是恢复为本地视频的大小。
任何想法如何解决此问题?
在此示例中,本机视频为640x390,并且播放器以该尺寸显示。
_videoPlayer = new VideoPlayer();
_videoPlayer.setSize( 640*2, 390*2 );
_videoPlayer.validate();
addChild( _videoPlayer);
_videoPlayer.videoSource = "http://www.test.com/test.mp4";
_imageLoader = new ImageLoader();
_videoPlayer.addChild( _imageLoader );
_videoPlayer.addEventListener( Event.READY, videoPlayer_readyHandler );
_videoPlayer.addEventListener( FeathersEventType.CLEAR, videoPlayer_clearHandler );
谢谢,
标记
设置imageLoader大小似乎是答案。
_videoPlayer = new VideoPlayer();
_videoPlayer.setSize( 640*Main._starlingScale, 390*Main._starlingScale );
_videoPlayer.validate();
_containerSprite.addChild( _videoPlayer);
_videoPlayer.videoSource = "http://www.test.com/test.mp4";
_imageLoader = new ImageLoader();
_imageLoader.width = 640;
_imageLoader.height = 390;
_videoPlayer.addChild( _imageLoader );
// 640x390是八哥显示区域的大小。
默认情况下,VideoPlayer
没有布局,因此,即使您设置了width
和height
属性,它也不会限制您添加的任何子项的大小,例如[C0 ],显示视频纹理。 ImageLoader
实际上保持在其固定大小,但是VideoPlayer
看到它没有明确的宽度/高度,因此它调整了自身大小以将视频纹理呈现为视频的原始大小。
您应将ImageLoader
与布局一起使用。例如,您可以使用VideoPlayer
,如下所示:
VerticalLayout
然后,您可以将_videoPlayer.layout = new VerticalLayout();
传递到VerticalLayoutData
,并将ImageLoader
和percentWidth
值设置为percentHeight
,以使其充满100
的整个范围:
VideoPlayer
以上是关于Feathers VideoPlayer可以缩放吗?的主要内容,如果未能解决你的问题,请参考以下文章
quasar+feathers 应用程序中 Google OAuth 的 browserInApp 问题
如何使用 feathers.js 将文件包含到 index.html?
react+antd+feathers实现前后端简单的文件上传下载