微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何正确放置超过100%的宽度

如何解决如何正确放置超过100%的宽度

我正在像http://react-responsive-carousel.js.org/storybook/?path=/story/02-advanced--youtube-autoplay-with-custom-thumbs中那样使用react-active-carousel来创建youtube视频的旋转木马。

我要删除图片中所示两侧的黑匣子。

with black sides

我使用了<ReactPlayer width="100%" url={url} playing={isSelected} height="100%" />

当我尝试width=120%时,我会得到所需的结果。

with one black side

有什么方法可以使视频居中显示,以便覆盖整个区域,而两侧都没有黑色空间。

解决方法

您可以通过使用样式来使播放器居中。

<ReactPlayer style={{margin:"auto",text-align:"center",width="100%"}} url={url} playing={isSelected} height="100%" />

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。