Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/63.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/video/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ruby on rails 登录页面上的Rails背景视频_Ruby On Rails_Video - Fatal编程技术网

Ruby on rails 登录页面上的Rails背景视频

Ruby on rails 登录页面上的Rails背景视频,ruby-on-rails,video,Ruby On Rails,Video,我试图在我的登录页上放置一个视频背景,但我遇到了一个路由错误 没有路线匹配[GET]“/videos/propose.mp4” 这就是我到目前为止所做的: 以下是视频路径app/assets/videos/provide.mp4 config/application.rb config.assets.paths << "#{Rails.root}/app/assets/videos" 我从未在rails网站上使用过视频,所以我觉得我可能错过了一步。谢谢 谢谢萨扬。。。当然很简单。我

我试图在我的登录页上放置一个视频背景,但我遇到了一个路由错误

没有路线匹配[GET]“/videos/propose.mp4”

这就是我到目前为止所做的:

以下是视频路径app/assets/videos/provide.mp4

config/application.rb

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

我从未在rails网站上使用过视频,所以我觉得我可能错过了一步。谢谢

谢谢萨扬。。。当然很简单。我只需要重新启动我的服务器

添加到application.rb后是否重新启动了服务器?如果已经重新启动了服务器,请尝试重新启动spring进程。基于此问题,我第一次能够在rails应用程序中获取视频。但是,当我启动服务器并转到localhost时,它会播放。但奇怪的是,如果我打开第二个chrome标签并转到本地主机,它就不会播放了。我不知道为什么?此外,视频不在背景中,但整个屏幕都是视频(应该在那里的所有其他内容都丢失了-虽然它在HTML中,但在屏幕上的任何地方都不会出现)。
<%= video_tag "propose.mp4", autoplay: :autoplay, loop: :loop, mute: :mute, class: "video" %>
.video {
 position: fixed;
 top: 50%; left: 50%;
 z-index: 1;
 min-width: 100%;
 min-height: 100%;
 width: auto;
 height: auto;
 transform: translate(-50%, -50%);
}