Question

有没有人知道在rails中设置audio_tag，video_tag和image_tag属性样式的一些质量技术和方法？我正在使用载波宝石。

  <%= image_tag "http://s3.amazonaws.com/#{ENV['ABC']}#{event.attachment.thumb}" %>

  <%= audio_tag "http://s3.amazonaws.com/#{ENV['ABC']}#{event.audio}", :controls => true %>

  <%= video_tag "http://s3.amazonaws.com/#{ENV['ABC']}#{event.video}", :size => "320x240", :controls => true %>

Answer 1

您始终可以向此代码添加HTML属性。例如：

audio_tag "http://s3.amazonaws.com/#{ENV['ABC']}#{event.audio}", controls: true, class: "my-sexy-player"

Answer 2

<强> CSS

这是一个关于CSS的问题 - 要么为元素本身设置样式（使用class选项），要么将元素包装在div中以使其样式化

我确定您可以class: "class使用image_tag：

<%= image_tag ..., class: "your_class" %>

就audio_tag和video_tag而言，我会将它们设置为div内的样式：

<%= content_tag :div, class: "your_class" do %>
   <%= audio_tag ... %>
<% end %>

-

这将允许您设置CSS asset pipelin e：

中的元素样式

#app/assets/stylesheets/application.css
.your_class { ... }

Answer 3

图片标记的样式可以这样：

<%= image_tag ... , class: "your-class" %>

根据我的经验，鉴于每个浏览器的不同，您无法设置音频或视频标签的样式。你可以使用一个非常适合跨浏览器的JS库或创建你自己的（取决于你的播放器的功能+我不推荐它！）

如何在rails中设置标签样式

3 个答案: