HTML5 VIDEO无法在我的rails 3应用中运行 [英] HTML5 VIDEO is not working in my rails 3 app

问题描述

我正在尝试在开发中的Rails 3应用程序中显示HTML5视频，我正在使用Sqlite3和默认网络服务器（Webrick）。我将视频文件（movie.ogg）放在资产（assets / movie.ogg）下。视频窗口屏幕显示，但那里没有视频。我有3个问题...由于rails app资产没有视频子文件夹（就像它有图像的方式），你在哪里放视频文件？
Webrick是否支持Html5视频？以下是我的代码，我在这里缺少什么，以使视频有效？

I am trying to display HTML5 video in my Rails 3 app in development,i am using Sqlite3 and default webserver(Webrick).I put the video file (movie.ogg) under assets (assets/movie.ogg).The video window screen shows up but there is no video on there though.I have 3 questions...Since rails app assets doesn't have sub-folder for video(as the way it has images),where do you put video files? Does Webrick support Html5 video?Here is my code below ,what am i missing here,to make the video work?

查看

       <video width="320" height="240" controls="controls">
       <source src="/assets/movie.mp4" type="video/mp4" />
       <source src="/assets/movie.ogg" type="video/ogg" />
       <source src="/assets/movie.webm" type="video/webm" />
         Your browser does not support the video tag.
       </video>

config / initializers / mime_types.rb

config/initializers/mime_types.rb

  Rack::Mime::MIME_TYPES.merge!({
  ".ogg"     => "application/ogg",
  ".ogx"     => "application/ogg",
  ".ogv"     => "video/ogg",
  ".oga"     => "audio/ogg",
  ".mp4"     => "video/mp4",
  ".m4v"     => "video/mp4",
  ".mp3"     => "audio/mpeg",
  ".m4a"     => "audio/mpeg"
})

推荐答案

video_tag助手构建了一个HTML 5 < video> 标记。

The video_tag helper builds an HTML 5 <video> tag.

默认情况下，文件是从公共/视频加载的。要从资源/视频加载，请将以下行添加到config / application.rb文件中：

By default, files are loaded from public/videos. To load from assets/video add the following line to your config/application.rb file:

config.assets.paths << "#{Rails.root}/app/assets/videos"

标签用法：

<%= video_tag (["movie.mp4", "movie.ogg", "movie.webm"] :size => "320x240", :controls => true, :autobuffer => true) %>

这篇关于HTML5 VIDEO无法在我的rails 3应用中运行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！