首页 > 解决方案 > 反应本机视频播放器

问题描述

我正在尝试使用 vimeo 构建一个显示视频列表的移动应用程序,我完成了从托管视频并使用 react native 获取它们的所有工作,我遇到的一个问题是使用 web-view 嵌入视频还不够,因为您可以在屏幕截图中看到,视频播放器控件非常小,有没有办法让它们变大。

在此处输入图像描述

这是我的代码

<WebView
              javaScriptEnabled={true}
              allowsFullscreenVideo={true}
              source={{
                html: `<div style='padding:56.25% 0 0 0;position:relative; height: 0;
            overflow: hidden;
            max-width: 100%; '>
           <iframe src="https://player.vimeo.com/video${
             currentVideo ? currentVideo : ""
           }" style='position:absolute;top:0;left:0;width:100%;height:100%;' frameborder="0" allow="autoplay; fullscreen " allowfullscreen></iframe></div>`,
              }}
            />

非常感谢你。

标签: react-nativeexpovimeo-apivimeo-player

解决方案


推荐阅读