Css Carrierwave视频上传器-Rails 4

我在Rails 4应用程序中使用carrierwave

我正在尝试将视频上传到我的应用程序，然后在我创建的容器div中显示它们，并显示控件

我有一个名为video_uploader.rb的上传程序文件，其中包含：

storage: file
 def store_dir
    "uploads/#{model.class.to_s.underscore}/#{mounted_as}/#{model.id}"
  end

在my projects.rb中，我有：

  mount_uploader :link_to_video_proposal, VideoUploader

在我的项目展中，我有：

<div class="embed-container1">
          <%= video_tag @project.link_to_video_proposal_url :controls =>true %>
</div>

当我在google中检查元素时，代码周围似乎还有一个css div。这个div叫做video。我没有定义它，它也不在我的代码中。它有一行CSS指定：

video {
  object-fit: contain;
}

我不知道这是否是导致我问题的原因。当我运行页面时，我会遇到以下问题：

这些控件不会出现在视频中。现在有人知道为什么没有了吗？我在我的显示页面中指定：controls=>true

embed-container1的盒子大小为50px x 200px。但是，在google中检查视频div（我没有创建或调用该div）时指定大小为1920*1080

embed-container1的div大小在google inspector中显示为200*229px。我指定了50*200。视频没有填充该框，也没有使用我的CSS

有人知道如何使用Carrierwave上传确认项目中定义的CSS的视频吗？我看不出如何修复这组错误

---

谢谢

您需要将css设置为：

.embed-container1 video{}

并开始使用符合您要求的样式：）

（在Firefox和Chrome上测试）

.embed-container1 video{}