Carrierwave视频上传器 - Rails 4

时间:2015-04-26 23:39:16

标签: css ruby-on-rails carrierwave

我在我的Rails 4应用程序中使用了carrierwave。

我尝试将视频上传到我的应用,然后将其显示在我创建的容器div中,并显示控件。

我有一个名为video_uploader.rb的上传器文件:

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

在我的projects.rb中,我有:

.embed-container1 {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 50px;
  width: 200px;
  overflow: hidden;
  //width: 80%;
  //padding-left: 5%;
  //padding-right:5%;
  margin-bottom: 12px;
  margin-top:12px;
}

.embed-container1 iframe,
.embed-container1 object,
.embed-container1 embed {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;

}

在我的项目展示中,我有:

video {
  object-fit: contain;
}

在我的项目css文件中,我将embed-container1定义为:

{{1}}

当我检查谷歌中的元素时,代码周围似乎还有一个css div。 div被称为视频。我没有定义它,它不在我的代码中。它有一行CSS指定:

{{1}}

我不知道这是否是造成我问题的原因。当我运行页面时 - 我遇到了这些问题:

  1. 视频中未显示控件。有谁现在为什么不呢?我指定:controls =&gt;在我的节目页面中为true。

  2. embed-container1的盒子大小为50px×200px。但是,检查谷歌中的视频div(我没有创建或调用的div)指定大小为1920 * 1080。

  3. 在Google检查器中,embed-container1的div大小显示为200 * 229px。我指定了50 * 200。视频没有填写该框,也没有使用我的CSS。

  4. 有谁知道如何使用Carrierwave上传承认项目中定义的CSS的视频?我无法看到如何修复这组错误。

    谢谢

1 个答案:

答案 0 :(得分:0)

您需要将css设置为:

.embed-container1 video{}

并开始使用样式以满足您的要求:)

(在Firefox和Chrome上测试)